/* =====================================================================
   Polish · design tokens
   Bright and tidy, like a good nail bar. Light is "Daytime" (fresh mint
   paper, inky plum text); dark is "Night shift". --cherry is the one
   accent (buttons, links, the lit phrase); the bottle tokens colour the
   rack, nails and builder; --gloss is the highlight on glass and lacquer.
   ===================================================================== */
:root {
  color-scheme: light;
  --paper: #f1f7f4;
  --card: #ffffff;
  --well: #e4efe9;
  --line: #cfe0d7;
  --ink: #1e1a24;
  --ink-2: #433d4a;
  --muted: #5d6366;
  --cherry: #c21d45;
  --cherry-2: #a01539;
  --on-cherry: #ffffff;
  --cherry-soft: #fadbe2;
  --gloss: rgba(255, 255, 255, 0.75);
  --bottle-1: #c21d45;                /* cherry */
  --bottle-2: #f29bb1;                /* ballet pink */
  --bottle-3: #e8c9b5;                /* nude */
  --bottle-4: #6d2b8a;                /* grape */
  --bottle-5: #2f8f83;                /* teal */
  --bottle-6: #f4b844;                /* marigold */
  --bottle-7: #1e1a24;                /* ink */
  --bottle-8: #c9ced6;                /* chrome */
  --skin: #f1d3c2;
  --focus: #c21d45;
  --shadow-card: 0 1px 0 rgba(30, 26, 36, 0.05), 0 16px 32px -22px rgba(30, 26, 36, 0.45);
  --shadow-lift: 0 30px 60px -28px rgba(30, 26, 36, 0.5);

  --display: "Syne", "Arial Black", system-ui, sans-serif;
  --body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-h1: clamp(44px, 6.4vw, 96px);
  --fs-h2: clamp(32px, 4.2vw, 60px);
  --fs-h3: 22px;
  --fs-lead: clamp(17.5px, 1.35vw, 20.5px);
  --fs-body: 17px;
  --fs-small: 15px;
  --fs-label: 12px;

  --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: 10px;
  --r-m: 20px;
  --r-l: 32px;
  --r-pill: 999px;

  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --pop: cubic-bezier(0.34, 1.56, 0.64, 1);
  --d-fast: 150ms;
  --d: 320ms;
  --d-slow: 900ms;
}

/* ---------- Night shift ---------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #15131a;
    --card: #1f1c25;
    --well: #1a1820;
    --line: #34303c;
    --ink: #f5f1f8;
    --ink-2: #d5cfdc;
    --muted: #a9a2b2;
    --cherry: #ff7a9a;
    --cherry-2: #ff9db5;
    --on-cherry: #330614;
    --cherry-soft: #3e1a25;
    --gloss: rgba(255, 255, 255, 0.55);
    --skin: #b98f7c;
    --focus: #ff7a9a;
    --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 16px 32px -20px rgba(0, 0, 0, 0.85);
    --shadow-lift: 0 30px 60px -26px rgba(0, 0, 0, 0.9);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #15131a;
  --card: #1f1c25;
  --well: #1a1820;
  --line: #34303c;
  --ink: #f5f1f8;
  --ink-2: #d5cfdc;
  --muted: #a9a2b2;
  --cherry: #ff7a9a;
  --cherry-2: #ff9db5;
  --on-cherry: #330614;
  --cherry-soft: #3e1a25;
  --gloss: rgba(255, 255, 255, 0.55);
  --skin: #b98f7c;
  --focus: #ff7a9a;
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 16px 32px -20px rgba(0, 0, 0, 0.85);
  --shadow-lift: 0 30px 60px -26px rgba(0, 0, 0, 0.9);
}