/**
 * Copyright © Hugo Stawiarski EI. Tous droits réservés.
 */
:root {
    --mch-blue:            #27509B;
    --mch-yellow:          #FCE500;
    --mch-white:           #FFFFFF;
    --mch-black:           #000000;
    --mch-dark-blue:       #00205B;
    --mch-midnight-blue:   #000C34;
    --mch-blue-d03:        #3A61A6;
    --mch-blue-d02:        #6182BB;
    --mch-blue-d01:        #87A4D0;
    --mch-blue-l03:        #AEC5E5;
    --mch-blue-l02:        #C1D6EF;
    --mch-blue-l01:        #D4E7FA;
    --mch-yellow-d03:      #FCE817;
    --mch-yellow-d02:      #FDED44;
    --mch-yellow-l02:      #FEF984;
    --mch-gray-l05:        #F2F2F2;
    --mch-gray-l10:        #E5E5E5;
    --mch-gray-l20:        #CCCCCC;
    --mch-gray-l30:        #B2B2B2;
    --mch-gray-l40:        #999999;
    --mch-gray-l50:        #7F7F7F;
    --mch-gray-d40:        #666666;
    --mch-gray-d50:        #4D4D4D;
    --mch-gray-d70:        #333333;
    --mch-gray-d80:        #1A1A1A;
    --mch-sky-blue:        #1095F9;
    --mch-valid:           #2E7D32;
    --mch-text:            var(--mch-gray-d80);
    --mch-text-muted:      var(--mch-gray-d40);
    --mch-bg:              var(--mch-white);
    --mch-bg-subtle:       var(--mch-gray-l05);
    --mch-border:          var(--mch-gray-l10);
    --mch-link:            var(--mch-blue);

    --mch-font: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --mch-font-title: "Michelin Unit Titling", "Noto Sans", sans-serif;

    --mch-radius-sm: 4px;
    --mch-radius-md: 6px;
    --mch-radius-lg: 12px;
    --mch-radius-pill: 999px;

    --mch-elev-1: 0 1px 2px rgba(0,12,52,0.08);
    --mch-elev-2: 0 2px 8px rgba(0,12,52,0.10);
    --mch-elev-3: 0 8px 24px rgba(0,12,52,0.12);
    --mch-elev-4: 0 16px 40px rgba(0,12,52,0.16);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body {
    font-family: var(--mch-font);
    color: var(--mch-text);
    background: var(--mch-bg);
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
}
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }
.wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.container { max-width: 1240px; margin: 0 auto; padding: 0 28px; }