/* =========================================================
   ALKIMIA — CSS Custom Properties
   ========================================================= */

:root {
  /* Colors */
  --c-bg:           #080808;
  --c-bg-alt:       #0e0e0e;
  --c-surface:      #141414;
  --c-surface-2:    #1c1c1c;
  --c-border:       rgba(255, 255, 255, 0.07);
  --c-border-gold:  rgba(196, 148, 59, 0.3);

  --c-gold:         #C4943B;
  --c-gold-light:   #D4A855;
  --c-gold-pale:    #E8C880;
  --c-gold-dim:     rgba(196, 148, 59, 0.15);

  --c-text:         #F0EBE3;
  --c-text-soft:    #B8B0A6;
  --c-text-muted:   #6E6860;
  --c-text-faint:   #3A3530;

  --c-wine:         #6B1E3F;
  --c-oil:          #7A8C3E;
  --c-vermouth:     #4A3060;
  --c-vinegar:      #8B3A1A;

  --c-overlay:      rgba(8, 8, 8, 0.72);
  --c-overlay-deep: rgba(8, 8, 8, 0.88);

  /* Typography */
  --font-display: 'Cormorant Garamond', 'Garamond', Georgia, serif;
  --font-body:    'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-sc:      'Cormorant SC', 'Cormorant Garamond', serif;

  --fs-2xs:  0.65rem;
  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.375rem;
  --fs-xl:   1.75rem;
  --fs-2xl:  2.25rem;
  --fs-3xl:  3rem;
  --fs-4xl:  4rem;
  --fs-5xl:  5.5rem;
  --fs-6xl:  7.5rem;
  --fs-7xl:  10rem;

  --fw-thin:    200;
  --fw-light:   300;
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;

  --lh-tight:  1.1;
  --lh-snug:   1.3;
  --lh-base:   1.6;
  --lh-loose:  1.9;

  --ls-tight:  -0.04em;
  --ls-snug:   -0.02em;
  --ls-base:   0em;
  --ls-wide:   0.08em;
  --ls-wider:  0.16em;
  --ls-widest: 0.28em;

  /* Spacing */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;
  --sp-32: 8rem;
  --sp-40: 10rem;
  --sp-48: 12rem;

  /* Layout */
  --max-w:        1440px;
  --max-w-text:   680px;
  --max-w-narrow: 520px;
  --gutter:       clamp(1.5rem, 5vw, 5rem);
  --col-gap:      clamp(1rem, 3vw, 2.5rem);
  --section-gap:  clamp(5rem, 12vw, 10rem);

  /* Borders & Radius */
  --radius-sm:   2px;
  --radius-base: 4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:   0 1px 3px rgba(0,0,0,0.4);
  --shadow-base: 0 4px 16px rgba(0,0,0,0.5);
  --shadow-lg:   0 12px 40px rgba(0,0,0,0.6);
  --shadow-gold: 0 0 30px rgba(196, 148, 59, 0.25);

  /* Transitions */
  --ease:       cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:    cubic-bezier(0.55, 0, 1, 0.45);
  --ease-circ:  cubic-bezier(0.785, 0.135, 0.15, 0.86);

  --dur-fast:   150ms;
  --dur-base:   300ms;
  --dur-slow:   600ms;
  --dur-slower: 900ms;

  /* Z-index layers */
  --z-base:    0;
  --z-raised:  10;
  --z-overlay: 100;
  --z-modal:   200;
  --z-nav:     900;
  --z-top:     1000;
}