/* tokens.css — single design-token source of truth (brand-tokens skill) */
:root {
  /* 10-step neutral ramp */
  --ink-0:#06080f; --ink-1:#0a0d16; --ink-2:#10141f; --ink-3:#161b29; --ink-4:#1e2434;
  --ink-5:#2a3147; --ink-6:#3a435e; --ink-7:#5c6784; --ink-8:#8b95ad; --ink-9:#c9cfdd;

  /* accent: rose gold — ~5% of page area only */
  --accent:#e8a0ae; --accent-deep:#c4788a; --accent-soft:#f4c6cd;
  --accent-glow:rgba(232,160,174,.35);

  /* semantic aliases */
  --bg:var(--ink-0); --surface:var(--ink-2); --text:var(--ink-9); --text-muted:var(--ink-8);
  --success:#7ec98f; --danger:#e8705c;

  /* type */
  --font-display:'Playfair Display',Georgia,'Times New Roman',serif;  /* beauty editorial serif */
  --font-body:'Inter',system-ui,-apple-system,sans-serif;
  --text-sm:.8125rem; --text-base:1rem; --text-lg:1.25rem; --text-xl:1.5625rem;
  --text-2xl:1.953rem; --text-3xl:clamp(2rem,4vw,3rem); --text-hero:clamp(2.75rem,7vw,5.5rem);
  --lh-body:1.6; --lh-head:1.1;

  /* spacing 4/8 scale */
  --space-1:4px; --space-2:8px; --space-3:16px; --space-4:24px; --space-5:32px;
  --space-6:48px; --space-7:64px; --space-8:96px; --space-9:128px; --space-10:160px;

  /* glass recipe */
  --glass-bg:rgba(255,255,255,.05); --glass-border:rgba(255,255,255,.12); --glass-blur:16px;

  /* depth */
  --shadow-raise:0 1px 2px rgba(0,0,0,.4),0 16px 48px rgba(0,0,0,.35);
  --edge-light:inset 0 1px 0 rgba(255,255,255,.08);

  /* motion */
  --ease-out:cubic-bezier(.22,1,.36,1); --dur-micro:200ms; --dur-reveal:650ms;

  --radius:14px; --radius-sm:10px;
}