/* CWL-01 "night and day" theme, 2026-09-30.

   The page performs the product's one claim — heat and light are independent —
   as its own light. Sections about light sit in a warm night where the lamp is
   the only light source; sections about heating and materials sit on warm paper,
   the same object in daylight. The waitlist returns to night as the bookend.

   Default values below are the NIGHT state. Paper sections re-scope the same
   token names on .paper-chapter, so shared components (the waitlist form) adapt
   to whichever ground they sit on without new component CSS. */

body.candle-v1 {
  /* --- Night ground ---------------------------------------------------- */
  --page-bg: #161009;
  --page-bg-alt: #1b140c;
  --surface-default: #201811;
  --surface-raised: #261c13;
  --surface-emphasis: #2b2015;
  --surface-stage: #120d07;
  --surface-stage-soft: #1a130b;
  --surface-input: #0f0a05;

  --text-primary: #f7efe3;
  --text-secondary: #cdbba4;
  --text-muted: #a08c74;
  --text-on-accent: #2a1706;

  --border-subtle: rgba(247, 239, 227, .1);
  --border-default: rgba(247, 239, 227, .17);
  --border-strong: rgba(247, 239, 227, .32);
  --border-input: rgba(247, 239, 227, .26);
  --border-accent: rgba(233, 164, 94, .4);

  /* Amber = the lamp's own light. It is the only accent the night gets. */
  --accent-primary: #e9a45e;
  --accent-secondary: #d28b45;
  --accent-soft: rgba(233, 164, 94, .12);
  --accent-emphasis: #f2bc7b;
  /* "on inverted" = on the paper chapters: a paper-readable accent, not the
     night amber (amber on cream is 1.4:1). Decorative seams use --sunrise-line,
     which each ground colours for itself. */
  --accent-on-inverted: #6e4023;

  --cta-gradient-from: #efa95f;
  --cta-gradient-to: #e08d43;
  --cta-gradient-from-hover: #f7b877;
  --cta-gradient-to-hover: #eb9c4f;

  /* "Inverted" is the paper daylight used by the middle chapters. */
  --surface-inverted: #f1e8d9;
  --surface-inverted-raised: #fbf8f1;
  --text-inverted-primary: #26190f;
  --text-inverted-secondary: #5c493a;
  --text-inverted-muted: #75604e;
  --border-inverted: rgba(38, 25, 15, .16);

  --product-warm: #e9a45e;
  --product-cool: #7e96cd;
  --product-functional: var(--status-info);

  /* The seven fixed colours, valued as LIGHT: they are shown as glows on the
     night ground, so they run brighter than pigment swatches would. The page
     states plainly that they are illustrative identifiers, not calibration. */
  --product-rgb-warm-yellow: #f2c46b;
  --product-rgb-green: #8fd08a;
  --product-rgb-blue: #8fb4f2;
  --product-rgb-yellow: #f2de8c;
  --product-rgb-purple: #c0a3f0;
  --product-rgb-sky-blue: #a5d8f0;
  --product-rgb-white: #f5f1e6;

  /* Studio photos are white-background shots. On the night ground the plate
     is the lamp's light pool, so the feather is tighter and warmer; on paper
     the same photos want a wider, softer settle. */
  --image-white: #fbf8f1;
  --media-feather: radial-gradient(104% 92% at 50% 46%, #000 66%, rgba(0, 0, 0, .55) 82%, rgba(0, 0, 0, 0) 100%);
  /* Night-shot photos already carry their own darkness; they only need their
     outermost rim dissolved, or a rectangle seam shows where photo meets page. */
  --night-edge-feather: radial-gradient(118% 108% at 50% 46%, #000 86%, rgba(0, 0, 0, .4) 95%, rgba(0, 0, 0, 0) 100%);
  --media-feather-paper: radial-gradient(115% 108% at 50% 48%, #000 78%, rgba(0, 0, 0, .5) 92%, rgba(0, 0, 0, 0) 100%);

  --shadow-product: 0 34px 90px rgba(0, 0, 0, .5);
  --shadow-card: 0 22px 64px rgba(0, 0, 0, .42);

  /* --- Light gradients ---------------------------------------------------
     Kept here, not in candle-warmer.css, so the stylesheet stays free of
     colour literals: every glow on the page is a named piece of light. */
  --glow-warm-yellow: radial-gradient(circle at 50% 44%, var(--product-rgb-warm-yellow) 0 30%, transparent 72%);
  --glow-green: radial-gradient(circle at 50% 44%, var(--product-rgb-green) 0 30%, transparent 72%);
  --glow-blue: radial-gradient(circle at 50% 44%, var(--product-rgb-blue) 0 30%, transparent 72%);
  --glow-yellow: radial-gradient(circle at 50% 44%, var(--product-rgb-yellow) 0 30%, transparent 72%);
  --glow-purple: radial-gradient(circle at 50% 44%, var(--product-rgb-purple) 0 30%, transparent 72%);
  --glow-sky-blue: radial-gradient(circle at 50% 44%, var(--product-rgb-sky-blue) 0 30%, transparent 72%);
  --glow-white: radial-gradient(circle at 50% 44%, var(--product-rgb-white) 0 30%, transparent 72%);

  --hero-glow: radial-gradient(58% 52% at 60% 46%, rgba(233, 164, 94, .34), rgba(233, 164, 94, .12) 52%, transparent 76%);
  --stage-night: linear-gradient(172deg, var(--surface-stage) 0%, var(--surface-stage-soft) 100%);
  --sunrise-line: linear-gradient(90deg, transparent, var(--accent-emphasis), transparent);

  --font-display: "Bodoni 72", Didot, Baskerville, Georgia, serif;
  --font-utility: Bahnschrift, "Aptos Narrow", "Segoe UI", sans-serif;
}

/* --- Daylight chapters ---------------------------------------------------
   Same names, paper values. Scoped here so anything dropped inside a paper
   section (including the shared waitlist component, if it ever moves) reads
   for a light ground without its own overrides. */
.paper-chapter {
  --page-bg: #f1e8d9;
  --page-bg-alt: #e8dcc7;
  --surface-default: #fbf8f1;
  --surface-raised: #f6efe2;
  --surface-emphasis: #eae0ce;
  --surface-stage: #e2d3bc;
  --surface-stage-soft: #f4eddf;
  --surface-input: #fffdf8;

  --text-primary: #26190f;
  --text-secondary: #5c493a;
  --text-muted: #6f5b48;
  /* On paper the CTA is a deep-brown gradient, so its label flips to cream;
     night keeps espresso text on the amber gradient. */
  --text-on-accent: #fbf8f1;

  --border-subtle: rgba(38, 25, 15, .1);
  --border-default: rgba(38, 25, 15, .17);
  --border-strong: rgba(38, 25, 15, .34);
  --border-input: #8a7460;
  --border-accent: rgba(110, 64, 35, .35);

  --accent-primary: #6e4023;
  --accent-secondary: #5a3019;
  --accent-soft: rgba(110, 64, 35, .1);
  --accent-emphasis: #4e2915;

  --cta-gradient-from: #6e4023;
  --cta-gradient-to: #7d4a29;
  --cta-gradient-from-hover: #57301c;
  --cta-gradient-to-hover: #6b3c22;

  --media-feather: var(--media-feather-paper);
  --sunrise-line: linear-gradient(90deg, transparent, var(--accent-primary), transparent);
  --shadow-card: 0 18px 56px rgba(69, 43, 26, .1);
  --shadow-product: 0 30px 80px rgba(69, 43, 26, .14);
}