:root {
  /* ── Core ───────────────────────────────────────────── */
  --color-ink:        #0A0A0A;
  --color-ink-soft:   #1A1A1A;
  --color-paper:      #FBF7F2;
  --color-paper-warm: #FFF8F2;

  /* ── Pink palette ───────────────────────────────────── */
  --color-pink-hot:   #FF2D87;
  --color-pink-soft:  #FCD3DE;
  --color-pink-blush: #FFE8F0;

  /* ── Metallic accent ─────────────────────────────────── */
  --color-rose-gold:  #D4A574;

  /* ── Lines ──────────────────────────────────────────── */
  --color-line:       #E5DDD5;
  --color-line-dark:  #2A2A2A;

  /* ── Semantic type tokens ────────────────────────────── */
  --color-text-on-ink:   var(--color-paper);
  --color-text-on-paper: var(--color-ink);
  --color-text-muted:    #6B6258;

  /* ── Typography ──────────────────────────────────────── */
  --font-display: "Fraunces", "Times New Roman", serif;
  --font-body:    "Bricolage Grotesque", system-ui, sans-serif;
  --font-script:  "Pinyon Script", cursive;

  /* ── Type scale ──────────────────────────────────────── */
  --type-display-xl: clamp(3rem, 9vw, 8rem);
  --type-display-l:  clamp(2.5rem, 5vw, 5rem);
  --type-display-m:  clamp(1.75rem, 3vw, 2.5rem);
  --type-body-l:     1.125rem;
  --type-body:       1rem;
  --type-caption:    0.8125rem;

  /* ── Spatial scale ───────────────────────────────────── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.5rem;
  --space-6:  2rem;
  --space-7:  3rem;
  --space-8:  4rem;
  --space-9:  6rem;
  --space-10: 8rem;
  --space-11: 12rem;

  /* ── Grid & layout ───────────────────────────────────── */
  --grid-gap:          clamp(var(--space-4), 2vw, var(--space-6));
  --content-max:       1440px;
  --content-padding:   clamp(var(--space-5), 5vw, var(--space-10));
  --content-padding-sm: clamp(var(--space-4), 4vw, var(--space-7));

  /* ── Radii ───────────────────────────────────────────── */
  --radius-none: 0;
  --radius-sm:   2px;
  --radius-full: 9999px;

  /* ── Easing ──────────────────────────────────────────── */
  --ease-out:    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);

  /* ── Transitions ─────────────────────────────────────── */
  --transition-fast:   150ms var(--ease-out);
  --transition-base:   300ms var(--ease-out);
  --transition-slow:   500ms var(--ease-out);

  /* ── Z-index stack ───────────────────────────────────── */
  --z-below:  -1;
  --z-base:    1;
  --z-raised:  10;
  --z-sticky:  100;
  --z-drawer:  200;
  --z-modal:   300;

  /* ── Grain texture (SVG noise, use at low opacity) ──── */
  --grain-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");
}