:root {

    --forest-50:      #EAF0EC;
    --forest-200:     #C5D6CC;
    --forest-400:     #6E8B7C;
    --forest-500:     #2B4A3E;
    --forest-700:     #1E352C;
    --forest-900:     #0F1B16;

    --terra-50:       #FBEDE3;
    --terra-200:      #F0C3A6;
    --terra-400:      #D9824F;
    --terra-500:      #C96E3C;
    --terra-700:      #A8552A;
    --terra-900:      #6E371B;

    --stone-0:        #FFFFFF;
    --stone-50:       #F6F2E8;
    --stone-200:      #E6E0D0;
    --stone-400:      #8A9189;
    --stone-600:      #5F6862;
    --stone-900:      #1A201C;

    --primary:        var(--forest-500);
    --primary-dark:   var(--forest-700);
    --primary-tint:   var(--forest-50);

    --accent:         var(--terra-500);
    --accent-dark:    var(--terra-700);
    --accent-tint:    var(--terra-50);

    --couleur-marque:        var(--primary);
    --couleur-marque-tint:   var(--primary-tint);
    --couleur-cta:           var(--accent);
    --couleur-cta-tint:      var(--accent-tint);

    --bg:             var(--stone-50);
    --paper:          var(--stone-0);

    --bg-sunken:      rgba(15, 23, 21, 0.02);

    --ink:            var(--stone-900);
    --ink-strong:     #0F1715;
    --ink-muted:      var(--stone-600);
    --ink-soft:       var(--stone-400);

    --line:           var(--stone-200);
    --line-strong:    #D6CDB7;

    --success:        #2F7A4F;
    --success-tint:   #E3F1E8;

    --warn:           #B8691F;
    --warn-tint:      #FBEDE3;

    --danger:         #B23A2E;
    --danger-tint:    #F8E2DE;

    --info:           #2C5C82;
    --info-tint:      #E1ECF5;

    --vu:             #6E4B96;
    --vu-tint:        #ECE4F5;

    --space-1:        4px;
    --space-2:        8px;
    --space-3:        12px;
    --space-4:        16px;
    --space-5:        24px;
    --space-6:        32px;
    --space-7:        48px;
    --space-8:        80px;

    --grille-colonnes-desktop:  12;
    --grille-colonnes-mobile:   4;
    --grille-gouttiere:         12px;
    --container-max:            1320px;
    --container-confort:        1080px;

    --radius-0:       0;
    --radius-xs:      4px;
    --radius-sm:      8px;
    --radius-md:      12px;
    --radius-lg:      16px;
    --radius-full:    99px;

    --shadow-1:       0 1px 2px rgba(15, 23, 21, 0.06), 0 1px 3px rgba(15, 23, 21, 0.04);
    --shadow-2:       0 4px 8px rgba(15, 23, 21, 0.06), 0 2px 4px rgba(15, 23, 21, 0.04);
    --shadow-3:       0 12px 24px rgba(15, 23, 21, 0.08), 0 4px 8px rgba(15, 23, 21, 0.04);
    --shadow-4:       0 28px 56px rgba(15, 23, 21, 0.12), 0 10px 20px rgba(15, 23, 21, 0.06);

    --font-family-body:  'Inter Tight', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-family-brand: 'Newsreader', Georgia, serif;
    --font-family-mono:  'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;

    --font-size-display-1: 64px;
    --font-size-display-2: 48px;
    --font-size-h1:        36px;
    --font-size-h2:        28px;
    --font-size-h3:        20px;
    --font-size-h4:        16px;
    --font-size-body-lg:   18px;
    --font-size-body:      15px;
    --font-size-body-sm:   13px;
    --font-size-caption:   12px;
    --font-size-mono:      12px;
    --font-size-quote:     24px;

    --dur-1:          120ms;
    --dur-2:          180ms;
    --dur-3:          260ms;
    --dur-4:          400ms;

    --ease-out:       cubic-bezier(0.22, 0.61, 0.36, 1);
    --ease-spring:    cubic-bezier(0.4, 1.6, 0.5, 1);
    --ease-in-out:    cubic-bezier(0.65, 0, 0.35, 1);

    --transition-fast:    var(--dur-1);
    --transition-base:    var(--dur-2);

    --focus-ring:         0 0 0 3px rgba(201, 110, 60, 0.4);
}

[data-theme="bleu-marine"] {
    --couleur-marque:        #1F3A5F;
    --couleur-marque-tint:   #E1E8F0;
    --couleur-cta:           #D88A3C;
    --couleur-cta-tint:      #FBEDE3;
}

[data-theme="argile-chaud"] {
    --couleur-marque:        #5A3A2E;
    --couleur-marque-tint:   #F1E5DD;
    --couleur-cta:           #486B4F;
    --couleur-cta-tint:      #E3ECE3;
}

[data-theme="terre-brulee"] {
    --couleur-marque:        #8B4A2B;
    --couleur-marque-tint:   #F4E0D0;
    --couleur-cta:           #C96E3C;
    --couleur-cta-tint:      #FBEDE3;
}