/* ───────────────────────────────────────────────
   CROCOS — Design tokens v1.0
   κρόκος · saffron · metamorphosis
   © 2026 Crocos Boutique
   Drop into :root of any project.
   ─────────────────────────────────────────────── */
:root {
  /* Pentelikon — мармур */
  --color-pentelikon-50:  #FAF7F0;
  --color-pentelikon-100: #F2EEE5;
  --color-pentelikon-200: #E8E2D2;
  --color-pentelikon-300: #D8CFB8;
  --color-pentelikon-400: #C0B59A;
  --color-pentelikon-500: #A89C7E;
  --color-pentelikon-600: #857A60;
  --color-pentelikon-700: #615946;
  --color-pentelikon-800: #3F3A2E;
  --color-pentelikon-900: #26221B;

  /* Stone */
  --color-stone-50:  #F4F2EE;
  --color-stone-100: #E8E4DC;
  --color-stone-200: #CFC9BD;
  --color-stone-300: #B0A89A;
  --color-stone-400: #8E867A;
  --color-stone-500: #6E665C;
  --color-stone-600: #544D44;
  --color-stone-700: #3D3830;
  --color-stone-800: #28241F;
  --color-stone-900: #15130F;

  /* Krokos — saffron accent */
  --color-krokos-50:  #FBF4E0;
  --color-krokos-100: #F4E2A8;
  --color-krokos-200: #E9C572;
  --color-krokos-300: #DCAA50;
  --color-krokos-400: #C29545;
  --color-krokos-500: #A57B33;
  --color-krokos-600: #86621F;
  --color-krokos-700: #624810;
  --color-krokos-800: #43310A;
  --color-krokos-900: #2A1F07;

  /* Tyrian — oxblood */
  --color-tyrian-400: #7A3437;
  --color-tyrian-500: #5C1E20;

  /* Onyx */
  --color-onyx-400: #3A372F;
  --color-onyx-500: #26241F;
  --color-onyx-600: #1B1916;
  --color-onyx-700: #13110F;

  /* Verdigris */
  --color-verdigris-300: #9CB3A6;
  --color-verdigris-500: #5F7A6E;
  --color-verdigris-700: #36473F;

  /* Type */
  --font-display:   'Cinzel', 'Trajan Pro', 'Times New Roman', serif;
  --font-editorial: 'Cormorant Garamond', 'EB Garamond', Georgia, serif;
  --font-body:      'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono:      'JetBrains Mono', 'SF Mono', Consolas, monospace;

  /* Spacing — 8pt + 4pt */
  --s-1: .25rem;  --s-2: .5rem;   --s-3: .75rem;  --s-4: 1rem;
  --s-5: 1.5rem;  --s-6: 2rem;    --s-7: 3rem;    --s-8: 4rem;
  --s-9: 6rem;    --s-10: 8rem;   --s-11: 12rem;  --s-12: 16rem;

  /* Radius */
  --r-xs: 1px; --r-sm: 2px; --r-md: 4px; --r-lg: 8px;

  /* Shadow */
  --sh-sm:     0 1px 3px  rgba(38, 36, 31, .06), 0 1px 2px  rgba(38, 36, 31, .04);
  --sh-md:     0 4px 14px rgba(38, 36, 31, .07), 0 2px 4px  rgba(38, 36, 31, .04);
  --sh-lg:     0 18px 48px rgba(38, 36, 31, .10), 0 6px 12px rgba(38, 36, 31, .06);
  --sh-museum: 0 32px 80px rgba(38, 36, 31, .14), 0 8px 24px rgba(38, 36, 31, .08);

  /* Motion */
  --m-fast:  240ms;
  --m-base:  380ms;
  --m-slow:  640ms;
  --m-scene: 920ms;
  --e-marble:   cubic-bezier(.22, .61, .36, 1);
  --e-precise:  cubic-bezier(.4, 0, .2, 1);
  --e-emphasis: cubic-bezier(.32, .72, 0, 1);

  /* Containers */
  --container: 1240px;
  --editorial: 1440px;
}