/* ============================================================
   JUNO DESIGN TOKENS — single source of truth for every page.
   Extracted from DESIGN_SPEC.md §1–§4 (shipped Build 121).
   Subpages + engine: import THIS file first, never redeclare.
   ============================================================ */

@font-face {
  font-family: 'Fraunces';
  src: url('../assets/fonts/fraunces-var.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fraunces';
  src: url('../assets/fonts/fraunces-var-italic.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Core palette */
  --juno-bg-top:#F4F0FB; --juno-bg-bottom:#ECE4F7;            /* page gradient, 180deg */
  --juno-surface:#FFFFFF; --juno-surface-warm:#FCF9F2;        /* cream = warm notes ONLY */
  --juno-accent:#8A7FD8; --juno-accent-soft:#E8DCF2; --juno-accent-deep:#6E62C2;
  --juno-text-primary:#2A2640; --juno-text-secondary:#6B637F;
  --juno-text-tertiary:#9A92AE; --juno-text-tertiary-text:#7A7190;
  --juno-success:#6FB5A0; --juno-success-text:#2E7A4F; --juno-warning:#D9A66D; --juno-error:#C97878;
  --juno-pearl:#F0C983; --juno-pearl-light:#FFF4DC;
  --juno-gold-cta-top:#EFC578; --juno-gold-cta-bottom:#E2A94F; --juno-gold-ink:#4A3410;
  --juno-deep-top:#3A2C63; --juno-deep-bottom:#1D1640;        /* dark stages */
  --juno-cream:#FBF3E3; --juno-sample-bg:#F1ECF9;

  /* Sky gradients */
  --sky-night-top:#2A1B4A; --sky-night-bottom:#171130;        /* + tiny white stars */
  --sky-dusk1-top:#E7DFF6; --sky-dusk1-bottom:#C9B7EC;
  --sky-dusk2-top:#ECE5F8; --sky-dusk2-bottom:#D4C6F0;
  --sky-mid-top:#EFE9FA; --sky-mid-bottom:#DFD3F2;
  --sky-dawn-top:#F7F0E8; --sky-dawn-bottom:#E2D6F0;
  --sky-day-top:#F3EEF9; --sky-day-bottom:#E5DDF2;

  /* Radii (8px does not exist) */
  --r-card:20px; --r-pill:28px; --r-modal:32px; --r-tile:16px;

  /* Shadows — accent-tinted, never black */
  --sh-card:0 4px 16px rgba(138,127,216,.08);
  --sh-elevated:0 8px 24px rgba(138,127,216,.12);
  --sh-modal:0 12px 40px rgba(138,127,216,.16);

  /* Type */
  --serif:ui-serif,"New York","Iowan Old Style",Fraunces,Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,monospace;

  /* Motion */
  --rise:cubic-bezier(.22,1,.36,1); --pop:cubic-bezier(.34,1.56,.64,1); --settle:cubic-bezier(.16,1,.3,1);

  /* Insight kind palette (accent / tint) — DESIGN_SPEC §2 */
  --kind-pattern:#6C5FC2;       --kind-pattern-tint:#EFE9F8;
  --kind-trigger:#C98A3E;       --kind-trigger-tint:#FBEFDC;
  --kind-growth:#4A9D7E;        --kind-growth-tint:#E1F0E8;
  --kind-quote:#B96A8A;         --kind-quote-tint:#FBEFF2;
  --kind-contradiction:#6F7196; --kind-contradiction-tint:#ECEAF3;
  --kind-comparison:#4F8EA6;    --kind-comparison-tint:#E2EEF3;
  --kind-small-step:#8A7FD8;    --kind-small-step-tint:#E8E2F2;
  --kind-milestone:#C9A23E;     --kind-milestone-tint:#FDF3DE;
  --kind-care:#7B8BC9;          --kind-care-tint:#EAEDF8;

  /* Mood canon gradients (badge bg = start, bars/dots = end) — DESIGN_SPEC §3 */
  --mood-confident-start:#D4EECC;    --mood-confident-end:#C8E6C9;
  --mood-excited-start:#FFECB3;      --mood-excited-end:#FFEEAD;
  --mood-grateful-start:#E0F7FA;     --mood-grateful-end:#B2EBF2;
  --mood-happy-start:#FFF9C4;        --mood-happy-end:#FFECB3;
  --mood-loved-start:#FCE4EC;        --mood-loved-end:#FFCDD2;
  --mood-optimistic-start:#DCEDC8;   --mood-optimistic-end:#C5E1A5;
  --mood-proud-start:#C8E6C9;        --mood-proud-end:#A5D6A7;
  --mood-angry-start:#FFCDD2;        --mood-angry-end:#EF9A9A;
  --mood-annoyed-start:#FFE0B2;      --mood-annoyed-end:#FFCC80;
  --mood-anxious-start:#EDE7F6;      --mood-anxious-end:#D1C4E9;
  --mood-lonely-start:#BBDEFB;       --mood-lonely-end:#90CAF9;
  --mood-overthinking-start:#CFD8DC; --mood-overthinking-end:#B0BEC5;
  --mood-sad-start:#E1F5FE;          --mood-sad-end:#B3E5FC;
  --mood-stress-start:#F0F4C3;       --mood-stress-end:#DCE775;
  --mood-tired-start:#D7CCC8;        --mood-tired-end:#BCAAA4;
  --mood-calm-start:#B7E4C7;         --mood-calm-end:#A2D9B5;
  --mood-hopeful-start:#FFF8B0;      --mood-hopeful-end:#F5E68B;
  --mood-empowered-start:#FFCC95;    --mood-empowered-end:#FFB870;
  --mood-neutral-start:#D5D2E0;      --mood-neutral-end:#B6B0CC;
  --mood-frustrated-start:#FFB7AE;   --mood-frustrated-end:#FF9588;

  /* Monthly Review slide gradients — DESIGN_SPEC §4 (gold highlight on white text) */
  --mr-gold-highlight:#FFE7B8;
  --mr-cover-top:#4A3F75;    --mr-cover-bottom:#2A2640;  --mr-cover-radial:#B8A2E0;
  --mr-mood-a:#8A7FD8;       --mr-mood-b:#6E62C2;        --mr-mood-c:#2A2640;
  --mr-gratitudes-a:#F4D26B; --mr-gratitudes-b:#E8B59B;  --mr-gratitudes-c:#C2645A;
  --mr-prides-a:#E97A3F;     --mr-prides-b:#C84F1D;      --mr-prides-c:#6E3220;
  --mr-advice-a:#5C8DB6;     --mr-advice-b:#4A6F8E;      --mr-advice-c:#2A2640;
  --mr-goals-a:#4FB377;      --mr-goals-b:#2E7A4F;       --mr-goals-c:#1A3A2A;
  --mr-top-entry-a:#C29B5A;  --mr-top-entry-b:#8E6B36;   --mr-top-entry-c:#2A2640;
  --mr-relationships-a:#E97A3F; --mr-relationships-b:#B8526E; --mr-relationships-c:#4A2D4E;
  --mr-kindness-a:#C283A8;   --mr-kindness-b:#8E5A78;    --mr-kindness-c:#2A2640;
  --mr-stats-a:#4E93A6;      --mr-stats-b:#31606F;       --mr-stats-c:#20303C;
  --mr-momentum-a:#8A7FD8;   --mr-momentum-b:#4FB377;    --mr-momentum-c:#FFD773;
  --mr-chapter-a:#5A4A82;    --mr-chapter-b:#39305C;     --mr-chapter-c:#241F38;
}

/* ------------------------------------------------------------
   Eyebrow registers (three, keep distinct) — DESIGN_SPEC §1
   ------------------------------------------------------------ */
.eyebrow-mono {            /* (a) composer rails, celebrations */
  font-family: var(--mono); font-size: 12px; font-weight: 600;
  text-transform: uppercase; letter-spacing: .10em;
}
.eyebrow-sans {            /* (b) section/card eyebrows */
  font-family: var(--sans); font-size: 14px; font-weight: 600;
  text-transform: uppercase; letter-spacing: 1.2px;
}
.eyebrow-heavy {           /* (c) V4 onboarding + Monthly Review slides */
  font-family: var(--sans); font-size: 14px; font-weight: 800;
  text-transform: uppercase; letter-spacing: 1.8px;
}

/* ------------------------------------------------------------
   ADDITIVE 2026-07-11 (landing restructure): sky-arc ramp for the
   7-section feature journey (one monotonic dawn→day→dusk pass) and
   the two scrubbed bridge slabs. c0 matches the dawn end of the
   night→dawn bridge; c7 matches the dusk start of the dusk→night
   bridge. Section N background = linear(cN-1 → cN) + overlay tint.
   ------------------------------------------------------------ */
:root {
  --sky-arc-c0:#F7F0E8;  /* dawn, warm  (bridge handoff) */
  --sky-arc-c1:#F4EEF4;
  --sky-arc-c2:#F3EEF9;  /* day, brightest */
  --sky-arc-c3:#ECE4F7;
  --sky-arc-c4:#E2D6F2;
  --sky-arc-c5:#D4C4EC;
  --sky-arc-c6:#C9B7EC;  /* dusk */
  --sky-arc-c7:#C3AEE7;  /* deep dusk (bridge handoff) */

  /* Night-act surfaces (privacy bridge end, founder, testimonials) */
  --night-deep:#171130; --night-soft:#1D1640;
}

/* Sky background utilities */
.bg-sky-night { background: linear-gradient(180deg, var(--sky-night-top), var(--sky-night-bottom)); }
.bg-sky-dusk1 { background: linear-gradient(180deg, var(--sky-dusk1-top), var(--sky-dusk1-bottom)); }
.bg-sky-dusk2 { background: linear-gradient(180deg, var(--sky-dusk2-top), var(--sky-dusk2-bottom)); }
.bg-sky-mid   { background: linear-gradient(180deg, var(--sky-mid-top),   var(--sky-mid-bottom)); }
.bg-sky-dawn  { background: linear-gradient(180deg, var(--sky-dawn-top),  var(--sky-dawn-bottom)); }
.bg-sky-day   { background: linear-gradient(180deg, var(--sky-day-top),   var(--sky-day-bottom)); }