/* ============================================================
   Design Tokens v2 — Poiana Fermecată
   Direction: Haute Artisan / Editorial Luxury / Dark
   Reference: Noma, Ruinart, Aesop, Maison Margiela
   ============================================================ */

:root {
    /* ── Palette ── */
    --void:         #060606;
    --ink:          #0C0B09;
    --carbon:       #111110;
    --slate:        #1A1917;
    --stone:        #242320;
    --flint:        #302E2B;
    --ash:          #454240;
    --dust:         #6B6560;

    /* ── Cream & Parchment ── */
    --parchment:    #F2EAD8;
    --cream:        #EDE5D0;
    --cream-dim:    #C4B99A;
    --cream-ghost:  #7A7060;

    /* ── Gold — warm, aged, refined ── */
    --gold:         #B8963E;
    --gold-light:   #D4AE5C;
    --gold-pale:    #E8D4A0;
    --gold-deep:    #7A6028;
    --gold-glow:    rgba(184,150,62,.2);
    --gold-smoke:   rgba(184,150,62,.06);

    /* ── Accent ── */
    --red:          #8B2315;
    --red-bright:   #C0392B;

    /* ── Semantic aliases ── */
    --bg:           var(--void);
    --surface:      var(--ink);
    --surface-2:    var(--carbon);
    --border:       var(--flint);
    --border-dim:   var(--stone);
    --text:         var(--parchment);
    --text-dim:     var(--cream-dim);
    --text-ghost:   var(--cream-ghost);
    --accent:       var(--gold);

    /* ── Space ── */
    --s1:  4px;
    --s2:  8px;
    --s3:  12px;
    --s4:  16px;
    --s5:  24px;
    --s6:  32px;
    --s7:  48px;
    --s8:  64px;
    --s9:  96px;
    --s10: 128px;
    --s11: 192px;

    /* ── Type scale ── */
    --font-display: 'Cormorant', 'Cormorant Garamond', Georgia, serif;
    --font-ui:      'Inter', -apple-system, system-ui, sans-serif;
    --font-mono:    'DM Mono', monospace;

    --t1: 0.6875rem;   /* 11px */
    --t2: 0.8125rem;   /* 13px */
    --t3: 1rem;        /* 16px */
    --t4: 1.25rem;     /* 20px */
    --t5: 1.5rem;      /* 24px */
    --t6: 2rem;        /* 32px */
    --t7: 2.75rem;     /* 44px */
    --t8: 3.75rem;     /* 60px */
    --t9: 5.25rem;     /* 84px */
    --t10: 7.5rem;     /* 120px */
    --t11: 11rem;      /* 176px */

    /* ── Radius ── */
    --r1: 2px;
    --r2: 4px;
    --r3: 8px;

    /* ── Shadows ── */
    --shadow-1: 0 1px 4px rgba(0,0,0,.4);
    --shadow-2: 0 4px 24px rgba(0,0,0,.5);
    --shadow-3: 0 16px 64px rgba(0,0,0,.65);
    --glow-gold: 0 0 60px rgba(184,150,62,.15);

    /* ── Easing ── */
    --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
    --ease-inout: cubic-bezier(0.4, 0, 0.2, 1);
    --dur-1: 150ms;
    --dur-2: 280ms;
    --dur-3: 500ms;
    --dur-4: 900ms;

    /* ── Z ── */
    --z-header:  100;
    --z-drawer:  200;
    --z-modal:   300;
    --z-toast:   400;
}