/* ── LovPersona v3 · design tokens ─────────────────────────────
   Direction: editorial fashion-tech. Pearl ↔ midnight (brand kit A2). EB Garamond display + Inter UI;
   step tones = sky / indigo / violet (legacy var names kept for structure). */
:root {
  /* ground */
  --paper: #F7F9FC;   /* pearl */
  --white: #ffffff;
  --ink: #0D1638;      /* midnight */
  --ink-2: #1C2350;
  --mute: #68728E;     /* slate */
  --mute-2: #9AA3C0;
  --line: rgba(13, 22, 56, .10);
  --line-2: rgba(13, 22, 56, .22);

  /* studio (dark) */
  --studio: #0F1017;   /* dark ground */
  --studio-2: #171826;
  --studio-3: #1D1F30;
  --chalk: #F2F4FB;
  --chalk-dim: rgba(242, 244, 251, .55);
  --chalk-faint: rgba(242, 244, 251, .16);
  --line-d: rgba(157, 180, 255, .14);
  --line-d2: rgba(157, 180, 255, .30);

  /* step tones */
  --ember: #776AFF;    /* brand indigo (name kept) */
  --ember-glow: rgba(119, 106, 255, .55);
  --lime: #5BA9FF;     /* brand sky (name kept) */
  --lime-glow: rgba(91, 169, 255, .5);
  --sky: #9C5EFF;      /* brand violet (name kept) */
  --sky-glow: rgba(156, 94, 255, .55);
  --lime-soft: #EAF2FF;

  /* type */
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'EB Garamond', Georgia, serif;
  --grad-action: linear-gradient(96deg, #4A6BD2 0%, #6848E8 100%);
  --grad-brand: linear-gradient(135deg, #5BA9FF 0%, #776AFF 50%, #9C5EFF 100%);
  --t-hero: clamp(5.5rem, 15vw, 15rem);
  --t-h2: clamp(1.9rem, 3.2vw, 3.1rem);
  --t-h3: clamp(1.25rem, 1.8vw, 1.6rem);
  --t-body: clamp(.95rem, .3vw + .85rem, 1.05rem);
  --t-small: .82rem;
  --t-micro: .72rem;

  /* rhythm */
  --gutter: clamp(20px, 4vw, 56px);
  --section: clamp(96px, 12vw, 180px);
  --r-card: 20px;
  --r-pill: 999px;

  /* motion */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --fast: 160ms;
  --normal: 320ms;
  --slow: 700ms;

  --shadow-card: 0 30px 80px rgba(13, 22, 56, .12);
  --shadow-float: 0 18px 40px rgba(0, 0, 0, .45);
}