/* Heated Liner Gloves "cold to warm" theme, 2026-10-12.

   The page performs the product's one promise — warmth that doesn't
   interrupt your life — as its own temperature. The default values below
   are the COLD state: the world before the gloves, a cool slate charcoal.
   At "Our direction" the page turns warm: every chapter from the five
   design decisions to the waitlist sits on a warm umber ground, re-scoped
   on .warm-chapter, so shared components (the waitlist form, buttons,
   figures) adapt to the warm ground without their own overrides.

   Copper #d9a05b is the heat. It is the only accent either ground gets:
   the hero promise line, the heat path in the schematic, the using bars
   in the swap chart, and the one action all run in the same copper. */

body.gloves-v1 {
  /* --- Cold ground (default): hero, market, trade-offs ------------------ */
  --page-bg: #12151a;
  --page-bg-alt: #161a20;
  --surface-default: #1a1f26;
  --surface-raised: #1e242c;
  --surface-emphasis: #222933;
  --surface-stage: #0d1014;
  --surface-stage-soft: #14181d;
  --surface-input: #0a0d11;

  --text-primary: #edf0f3;
  --text-secondary: #b9c1cb;
  --text-muted: #8b95a0;
  --text-on-accent: #241505;

  --border-subtle: rgba(237, 240, 243, .1);
  --border-default: rgba(237, 240, 243, .17);
  --border-strong: rgba(237, 240, 243, .32);
  --border-input: #59636f;
  --border-accent: rgba(217, 160, 91, .4);

  /* Copper = the heat. Mandated accent for the promise line; carried by
     every warm mark on the page. */
  --accent-primary: #d9a05b;
  --accent-secondary: #c2863e;
  --accent-soft: rgba(217, 160, 91, .12);
  --accent-emphasis: #e8b473;
  /* "on inverted" = on the paper reference set: a paper-readable copper. */
  --accent-on-inverted: #7a4e1f;

  /* The one action: copper on both grounds, espresso text. */
  --cta-gradient-from: #e2ab63;
  --cta-gradient-to: #c98f45;
  --cta-gradient-from-hover: #edb475;
  --cta-gradient-to-hover: #d69a4f;

  /* "Inverted" is the warm paper reference surface (framework slot; kept
     for completeness and tested for contrast, not used by a chapter). */
  --surface-inverted: #f2e9d8;
  --surface-inverted-raised: #faf5ea;
  --text-inverted-primary: #26190f;
  --text-inverted-secondary: #5c493a;
  --text-inverted-muted: #75604e;
  --border-inverted: rgba(38, 25, 15, .16);

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

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

  /* --- Light gradients -----------------------------------------------------
     Kept here, not in gloves.css, so the product stylesheet stays free of
     colour literals: every wash and line on the page is a named piece of
     light. */
  --hero-wash: radial-gradient(58% 52% at 62% 40%, rgba(126, 150, 205, .13), rgba(126, 150, 205, .05) 52%, transparent 78%);
  --warm-glow: radial-gradient(58% 52% at 60% 46%, rgba(217, 160, 91, .14), rgba(217, 160, 91, .05) 52%, transparent 78%);
  /* The heat line: the 1px copper seam where the cold world turns warm. */
  --heat-line: linear-gradient(90deg, transparent, var(--accent-emphasis), transparent);

  --font-display: "Geist", "Segoe UI", Arial, sans-serif;
  --font-utility: "Geist", "Segoe UI", Arial, sans-serif;
}

/* --- Warm chapters ---------------------------------------------------------
   Same names, warm umber values. From the five design decisions onward,
   the page is warm — the temperature the product promises. */
.warm-chapter {
  --page-bg: #1c1510;
  --page-bg-alt: #211a13;
  --surface-default: #261e15;
  --surface-raised: #2b2219;
  --surface-emphasis: #2f261c;
  --surface-stage: #120d08;
  --surface-stage-soft: #191309;
  --surface-input: #0e0a06;

  --text-primary: #f4ede1;
  --text-secondary: #d1c3b0;
  --text-muted: #a2917b;
  --text-on-accent: #241505;

  --border-subtle: rgba(244, 237, 225, .1);
  --border-default: rgba(244, 237, 225, .17);
  --border-strong: rgba(244, 237, 225, .32);
  --border-input: #7a6752;
  --border-accent: rgba(232, 180, 115, .4);

  --accent-soft: rgba(217, 160, 91, .12);

  --shadow-card: 0 22px 64px rgba(0, 0, 0, .5);
}