/* ==========================================================================
   ADICHIKO — DESIGN TOKENS
   The single source of truth. Every component styles through these variables.
   ========================================================================== */

:root {
  /* --- Color: warm dark ground, warm paper text, champagne gold accent --- */
  --ink:            #0B0A09; /* page background (warm near-black) */
  --ink-2:          #141110; /* elevated surfaces / cards */
  --ink-3:          #1E1915; /* higher elevation / hover */
  --ink-inset:      #080706; /* wells, footers */

  --line:           #2A2419; /* hairline borders */
  --line-2:         #3A3226; /* stronger separators */

  --paper:          #F3ECDF; /* primary text (warm off-white) */
  --paper-2:        #C4B9A7; /* body / secondary */
  --muted:          #897E6C; /* captions, meta, placeholders */

  --gold:           #C6A15B; /* primary accent — CTAs, price, highlights */
  --gold-bright:    #E7CE93; /* hover / active gold */
  --gold-deep:      #93753F; /* pressed gold, quiet numerals */
  --amber:          #9A6A34; /* oud / warm secondary accent */
  --wine:           #6E3038; /* rare tertiary (limited / luxe) */

  --ok:             #6FA981; /* in-stock, success */
  --warn:           #C7A15A; /* warning */
  --err:            #C36A5E; /* error, sold-out */

  /* --- Type --- */
  --font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-sans:  "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* --- Spacing (8pt) --- */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px; --s5: 24px;
  --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px; --s10: 128px;

  /* --- Radius --- */
  --r-sm: 6px; --r-md: 10px; --r-lg: 16px;

  /* --- Layout --- */
  --container: 1280px;
  --read: 44rem;
  --header-h: 62px;

  /* --- Elevation --- */
  --shadow-float: 0 20px 60px rgba(0, 0, 0, .5);

  /* --- Motion --- */
  --ease: cubic-bezier(.22, 1, .36, 1);
  --dur: 320ms;
}