/* =====================================================================
   Blush · design tokens
   The makeup case, opened. Light is "Daylight" (soft porcelain, near-
   black ink); dark is "Evening" (a black case with satin pink). --lip is
   the one accent (buttons, links, the lit phrase); the pan tokens colour
   the palette, looks and run sheets; --shimmer drives the glitter.
   ===================================================================== */
:root {
  color-scheme: light;
  --paper: #fbf6f4;
  --card: #ffffff;
  --well: #f4ebe8;
  --line: #e8d9d4;
  --ink: #1c1416;
  --ink-2: #463a3d;
  --muted: #6c5d61;
  --lip: #ad1450;
  --lip-2: #8c0f40;
  --on-lip: #ffffff;
  --lip-soft: #fadbe6;
  --case: #1c1416;                    /* the compact's case */
  --case-2: #2b2023;
  --shimmer: rgba(255, 255, 255, 0.7);
  --pan-1: #ecc9b8;                   /* porcelain nude */
  --pan-2: #f0a58b;                   /* peach */
  --pan-3: #d9879a;                   /* rose */
  --pan-4: #8e2a4f;                   /* berry */
  --pan-5: #a8703f;                   /* bronze */
  --pan-6: #e8d3ad;                   /* champagne */
  --pan-7: #5b2a4a;                   /* plum */
  --pan-8: #4b4148;                   /* smoke */
  --focus: #ad1450;
  --shadow-card: 0 1px 0 rgba(28, 20, 22, 0.04), 0 18px 36px -24px rgba(28, 20, 22, 0.45);
  --shadow-lift: 0 34px 64px -30px rgba(28, 20, 22, 0.55);

  --display: "Italiana", "Didot", "Bodoni 72", serif;
  --body: "Urbanist", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-h1: clamp(50px, 7vw, 108px);
  --fs-h2: clamp(36px, 4.4vw, 64px);
  --fs-h3: 24px;
  --fs-lead: clamp(18px, 1.4vw, 21px);
  --fs-body: 17.5px;
  --fs-small: 15px;
  --fs-label: 11.5px;

  --wrap: 1220px;
  --gutter: max(20px, 4vw);
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 40px; --s-7: 64px; --s-8: 104px;

  --r-s: 4px;
  --r-m: 12px;
  --r-l: 30px;
  --r-pill: 999px;

  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --snap: cubic-bezier(0.55, 1.5, 0.45, 1);
  --d-fast: 160ms;
  --d: 340ms;
  --d-slow: 1000ms;
}

/* ---------- Evening ---------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #141012;
    --card: #1e181a;
    --well: #191416;
    --line: #362c30;
    --ink: #f8eef0;
    --ink-2: #dccfd2;
    --muted: #b3a2a7;
    --lip: #ff86ae;
    --lip-2: #ffa9c6;
    --on-lip: #2e0414;
    --lip-soft: #3f1a28;
    --shimmer: rgba(255, 255, 255, 0.5);
    --focus: #ff86ae;
    --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 18px 36px -22px rgba(0, 0, 0, 0.85);
    --shadow-lift: 0 34px 64px -28px rgba(0, 0, 0, 0.9);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #141012;
  --card: #1e181a;
  --well: #191416;
  --line: #362c30;
  --ink: #f8eef0;
  --ink-2: #dccfd2;
  --muted: #b3a2a7;
  --lip: #ff86ae;
  --lip-2: #ffa9c6;
  --on-lip: #2e0414;
  --lip-soft: #3f1a28;
  --shimmer: rgba(255, 255, 255, 0.5);
  --focus: #ff86ae;
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 18px 36px -22px rgba(0, 0, 0, 0.85);
  --shadow-lift: 0 34px 64px -28px rgba(0, 0, 0, 0.9);
}