/* Generated from DESIGN.md. Edit its canonical token block, then run tools/sync_tokens.py. */
/* Goood "Night Paper": night is the product's only theme, so light and dark resolve to the same values. */
:root {
  --white:#ffffff;
  /* neutral: cream laid over night black (#050505) at the concept's alphas, as opaque steps. */
  --neutral-50:#FFF3D2;
  --neutral-100:#E6DBBE;
  --neutral-200:#C0B89F;
  --neutral-300:#AAA28C;
  --neutral-400:#9B9480;
  --neutral-500:#8E8876;
  --neutral-600:#696457;
  --neutral-700:#3C3932;
  --neutral-800:#1C1A17;
  --neutral-900:#0F0F0D;
  --neutral-950:#050505;
  /* night: the forest sky, top to ground. */
  --night-sky-1:#0E3326; --night-sky-2:#0A2A1F; --night-sky-3:#082017; --night-sky-4:#06120D;
  --night-deep:#0B1A15; --night-room:#0E161C; --night-ink:#0B241B;
  /* brand-primary: Sun Gold. Active and playing states, the primary action, links. */
  --brand-primary-50:#FEF8EA;
  --brand-primary-100:#FCEFCF;
  --brand-primary-200:#F9DFA0;
  --brand-primary-300:#F6CB72;
  --brand-primary-400:#F2BC54;
  --brand-primary-500:#D9A43F;
  --brand-primary-600:#B5852C;
  --brand-primary-700:#8C6420;
  --brand-primary-800:#644E25;
  --brand-primary-900:#392D16;
  --brand-primary-950:#261F10;
  /* brand-secondary: sage. Jessa's pearl, Create, "create one with me", the tree. */
  --brand-secondary-50:#F4F9F6;
  --brand-secondary-100:#E2EDE8;
  --brand-secondary-200:#C8DAD3;
  --brand-secondary-300:#B1C7C0;
  --brand-secondary-400:#9DB4AE;
  --brand-secondary-500:#7F9993;
  --brand-secondary-600:#5C736C;
  --brand-secondary-700:#55695F;
  --brand-secondary-800:#3F4845;
  --brand-secondary-900:#202423;
  --brand-secondary-950:#141616;
  /* brand-tertiary: lavender twilight. Reserved for the Journal room (n16); the "sad" pearl uses the same hue. */
  --brand-tertiary-50:#F4F2FA;
  --brand-tertiary-100:#E9E5F4;
  --brand-tertiary-200:#DCD5EC;
  --brand-tertiary-300:#CDC3E3;
  --brand-tertiary-400:#B3A6CF;
  --brand-tertiary-500:#9587B6;
  --brand-tertiary-600:#7E749B;
  --brand-tertiary-700:#635A7E;
  --brand-tertiary-800:#4A4360;
  --brand-tertiary-900:#212024;
  --brand-tertiary-950:#151417;
  /* Status colors are quiet and independent of the brand palettes. Goood never uses red. */
  --status-success:#BFE0CD; --status-success-bg:#1F2421;
  --status-danger:#E8A69A; --status-danger-bg:#251C1A;
  --status-warning:#E9C878; --status-warning-bg:#252015;
  --status-info:#A9BCCB; --status-info-bg:#1C1F21;
  /* Feelings: pearl highlight / body / shadow, and the room's top tint (n2, n16). */
  --feel-calm-light:#F1F8F3; --feel-calm:#BFE0CD; --feel-calm-deep:#6F8E7C; --feel-calm-room:#16302A;
  --feel-anxious-light:#EFF3F6; --feel-anxious:#A9BCCB; --feel-anxious-deep:#64788A; --feel-anxious-room:#1C2C38;
  --feel-sad-light:#F4F2FA; --feel-sad:#CDC3E3; --feel-sad-deep:#7E749B; --feel-sad-room:#241F33;
  --feel-tired-light:#F5F1EA; --feel-tired:#C7BBA6; --feel-tired-deep:#7C705E; --feel-tired-room:#2A261E;
  --feel-overstimulated-light:#FAF1E7; --feel-overstimulated:#E8CDBB; --feel-overstimulated-deep:#9C8271; --feel-overstimulated-room:#2E2420;
  --feel-down-light:#FBF3DF; --feel-down:#E9C878; --feel-down-deep:#9A7C3F; --feel-down-room:#2E2716;
  --feel-unsure-light:#FFFBF0; --feel-unsure:#E6DDC8; --feel-unsure-deep:#8E8572; --feel-unsure-room:#22201A;
  /* Categories: line-art and thumbnail tint. */
  --cat-short-calm-downs:#BFE0CD; --cat-extended-sessions:#CDC3E3; --cat-sleep-stories:#9DB4AE;
  --cat-asmr:#E8CDBB; --cat-slow-tv:#A9BCCB; --cat-walking-meditations:#E9C878;
  /* Semantic roles: use these in components and product styles. */
  --bg:var(--neutral-950); --bg-subtle:var(--neutral-900); --bg-muted:#141311; --bg-inverse:var(--neutral-50);
  --fg:var(--neutral-50); --fg-secondary:var(--neutral-300); --fg-muted:var(--neutral-400); --fg-subtle:var(--neutral-500);
  --fg-placeholder:var(--neutral-500); --fg-disabled:var(--neutral-600); --fg-inverse:#14100A;
  --border:#FFF3D217; --border-strong:#FFF3D229; --border-hairline:#FFF3D214;
  /* Translucent cream surfaces: cards and controls over the sky and the feeling rooms. */
  --surface-card:#FFF3D20A; --surface-raised:#FFF3D20F; --surface-well:#FFF3D212; --surface-pressed:#FFF3D217; --surface-hover:#FFF3D21A;
  /* Floating chrome only (tab bar, now-playing pill, sheet): glass over the page. */
  --surface-glass:#0C100EB8; --surface-sheet:#0E1411F0; --blur-glass:blur(24px); --blur-tour:blur(6px);
  --surface-fade:linear-gradient(to top,#050505EB 40%,#05050500);
  /* Signature backgrounds. */
  --sky-gradient:linear-gradient(180deg,var(--night-sky-1) 0%,var(--night-sky-2) 16%,var(--night-sky-3) 34%,var(--night-sky-4) 56%,var(--neutral-950) 80%);
  --sky-glow:radial-gradient(circle at 350px 108px,#D6E8DC4D 0%,#9DB4AE29 16%,#9DB4AE0F 38%,#9DB4AE00 62%);
  --library-gradient:linear-gradient(180deg,var(--night-sky-2) 0%,var(--night-sky-4) 26%,var(--neutral-950) 55%);
  --pearl-glint:radial-gradient(circle at 29% 21%,#FFFFFFEB 0%,#FFFFFF59 9%,#FFFFFF00 18%);
  --pearl-shadow:#00000061; --pearl-light:#FFFFFF29; --pearl-drop:#00000080;
  /* Darkening over photographs (sound cards and tiles). */
  --image-fade:linear-gradient(180deg,#05060661 0%,#05060680 55%,#050606D1 100%); --image-fade-tile:linear-gradient(180deg,#05060661 0%,#050606C7 100%);
  --black:#000000;
  --brand-primary:var(--brand-primary-400);
  --brand-primary-hover:var(--brand-primary-300);
  --brand-primary-pressed:var(--brand-primary-500);
  --brand-primary-on:#14100A;
  --brand-primary-subtle:var(--brand-primary-950);
  --brand-primary-muted:var(--brand-primary-900);
  --brand-primary-text:var(--brand-primary-400);
  --brand-primary-border:var(--brand-primary-600);
  --brand-secondary:var(--brand-secondary-400);
  --brand-secondary-hover:var(--brand-secondary-300);
  --brand-secondary-pressed:var(--brand-secondary-500);
  --brand-secondary-on:var(--night-deep);
  --brand-secondary-subtle:var(--brand-secondary-950);
  --brand-secondary-muted:var(--brand-secondary-900);
  --brand-secondary-text:var(--brand-secondary-300);
  --brand-secondary-border:var(--brand-secondary-500);
  --brand-tertiary:var(--brand-tertiary-300);
  --brand-tertiary-hover:var(--brand-tertiary-200);
  --brand-tertiary-pressed:var(--brand-tertiary-400);
  --brand-tertiary-on:var(--brand-tertiary-950);
  --brand-tertiary-subtle:var(--brand-tertiary-950);
  --brand-tertiary-muted:var(--brand-tertiary-900);
  --brand-tertiary-text:var(--brand-tertiary-300);
  --brand-tertiary-border:var(--brand-tertiary-500);
  --fg-brand-primary:var(--brand-primary-text); --fg-brand-secondary:var(--brand-secondary-text); --fg-brand-tertiary:var(--brand-tertiary-text);
  --accent:var(--brand-primary); --accent-hover:var(--brand-primary-hover); --accent-pressed:var(--brand-primary-pressed);
  --accent-fg:var(--brand-primary-on); --accent-subtle:var(--brand-primary-subtle);
  --danger:var(--status-danger); --danger-bg:var(--status-danger-bg);
  --success:var(--status-success); --success-bg:var(--status-success-bg);
  --warning:var(--status-warning); --warning-bg:var(--status-warning-bg);
  --info:var(--status-info); --info-bg:var(--status-info-bg);
  --focus:var(--brand-primary-400); --scrim:#0000008C; --scrim-tour:#050505B3;
  --font-body:'Geist',-apple-system,'SF Pro Text',system-ui,sans-serif; --font-display:'Newsreader','Iowan Old Style',Georgia,serif; --font-mono:ui-monospace,'SF Mono',monospace;
  --text-2xs:.6875rem; --text-xs:.8125rem; --text-sm:.875rem; --text-md:.9375rem;
  --text-body-lg:1.0625rem; --text-lg:1.25rem; --text-lg-plus:1.375rem; --text-xl:1.625rem;
  --text-2xl:2rem; --text-3xl:2.5rem; --text-4xl:3rem;
  --text-5xl:3.5rem; --text-6xl:4.75rem; --text-7xl:5.25rem; --text-8xl:6rem;
  --line-height-none:1; --line-height-tight:1.04; --line-height-snug:1.15;
  --line-height-normal:1.45; --line-height-relaxed:1.55;
  --line-height:var(--line-height-normal); --letter-spacing:0;
  --letter-spacing-tight:-.015em; --letter-spacing-caps:.08em; --letter-spacing-wide:.14em;
  --weight-light:300; --weight-regular:400; --weight-medium:500; --weight-bold:600;
  --space-0-5:.125rem; --space-1:.25rem; --space-1-5:.375rem; --space-2:.5rem; --space-2-5:.625rem; --space-3:.75rem; --space-3-5:.875rem; --space-4:1rem; --space-5:1.25rem;
  --space-6:1.5rem; --space-7:1.75rem; --space-8:2rem; --space-10:2.5rem; --space-12:3rem; --space-14:3.5rem; --space-16:4rem; --space-20:5rem;
  --radius-sm:.75rem; --radius-md:1.125rem; --radius-lg:1.375rem; --radius-xl:1.75rem; --radius-full:999px;
  --border-width:1px; --focus-width:2px; --focus-offset:3px;
  --shadow-sm:0 6px 14px #00000073; --shadow-md:0 12px 30px #00000080; --shadow-lg:0 20px 50px #00000080;
  --glow-sage:0 0 22px #9DB4AE80; --glow-cta:0 0 34px #9DB4AE24; --glow-gold:0 0 14px #F2BC5459; --glow-cream:0 0 30px #FFF3D240;
  --control-sm:2.25rem; --control-md:2.75rem; --control-lg:3.5rem; --control-xl:4rem; --touch-target:2.75rem;
  --content-sm:28rem; --content-md:48rem; --content-lg:76rem;
  --motion-fast:150ms; --motion-normal:250ms; --motion-slow:450ms; --motion-slower:700ms;
  --ease:cubic-bezier(.2,.8,.2,1); --ease-breath:cubic-bezier(.45,0,.55,1); --ease-soft:cubic-bezier(.37,0,.63,1);
  --motion-dissolve-out:520ms; --motion-dissolve-in:760ms;
  --layer-sticky:10; --layer-chrome:20; --layer-overlay:30;
  color-scheme:dark;
}
:root[data-theme="dark"] {
  color-scheme:dark;
}
@media (prefers-color-scheme:dark) {
  :root:not([data-theme]) {
    color-scheme:dark;
  }
}