/* Daycday Signal v7: web tokens. Source of truth: shared/tokens.json (extracted from source/css/ds2-ds7.css).
   Light is the default. The v7 product page is light-only; the dark set is provided for parity
   (the app's Appearance setting) and for the graphite bands, which are dark in both modes. */
:root{
  /* color: semantic */
  --paper:#ffffff; --card:#ffffff; --sunk:#f1eeec;
  --line:rgba(27,28,28,.11);
  --ink:#1b1c1c; --mute:#5a4840; --soft:#8d7166;
  --or:#f26522;            /* accent: fills, outlines, selected check */
  --or-ink:#a63b00;        /* accent as text on light surfaces */
  --peach:#ffe6da;         /* accent wash */
  --on-or:#1b1c1c;         /* text on orange: always ink */
  --cta-ink-bg:#1b1c1c; --cta-ink-fg:#ffffff;
  --switch-off:#d9d4d0; --switch-knob:#ffffff;
  --tabbar:rgba(255,255,255,.92);
  --danger:#b3261e;
  --peach-band:#fff1ea;    /* supplied reference wash; current Record uses graphite */
  /* graphite surfaces (static in both modes) */
  --graph:#1f211e; --graph2:#2c2f2b; --on-graph:#f4f0ea; --on-graph-mute:#b5ada2;
  /* symbol glow */
  --now-glow:rgba(242,101,34,.18); --now-glow-mini:rgba(242,101,34,.25);
  /* system-chrome mocks (illustrations of iOS notifications on the web) */
  --sys-notif-bg:rgba(250,250,250,.97); --sys-notif-fg:#111; --sys-notif-mute:#666; --sys-blue:#0a60d0; --sys-divider:rgba(0,0,0,.12);
  /* type */
  --font-sans:"Hanken Grotesk",system-ui,-apple-system,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;
  /* radius */
  --r-xs:3px; --r-s:6px; --r-m:10px; --r-control:12px; --r-field:14px; --r-cta:16px; --r-card-sm:22px; --r-card:24px; --r-card-hero:28px; --r-sheet:30px; --r-pill:9999px;
  /* elevation */
  --sh-seg:0 1px 3px rgba(0,0,0,.08); --sh-knob:0 1px 3px rgba(0,0,0,.2);
  --sh-tabbar:0 8px 24px rgba(27,28,28,.08); --sh-notif:0 10px 30px rgba(0,0,0,.18);
  --sh-banner:0 12px 34px rgba(0,0,0,.22); --sh-xn:0 14px 40px rgba(0,0,0,.25);
  --sh-hero-card:0 20px 50px rgba(27,28,28,.08);
  /* layout */
  --wrap-max:1180px; --gutter:28px; --section-y:96px; --nav-h:76px; --bp-narrow:900px;
  /* motion (web hero) */
  --hero-loop:11s; --ease-cell:ease-out; --ease-notif:ease;
}
:root[data-theme="dark"], .night{
  --paper:#121311; --card:#1d1f1c; --sunk:#272a26;
  --line:rgba(255,255,255,.12);
  --ink:#f4f0ea; --mute:#b8b0a5; --soft:#8e867c;
  --or-ink:#ff9f6e; --peach:rgba(242,101,34,.2);
  --cta-ink-bg:#f4f0ea; --cta-ink-fg:#121311;
  --switch-off:#3a3d38; --switch-knob:#f4f0ea;
  --tabbar:rgba(29,31,28,.92);
  background:var(--paper); color:var(--ink);
}
/* Graphite band / card on a light page (.dark in the source). Re-maps ink + mute so children inherit. */
.on-graphite{ background:var(--graph); color:var(--on-graph); --mute:var(--on-graph-mute); --ink:var(--on-graph); --line:rgba(255,255,255,.08); --sunk:rgba(255,255,255,.07); }
@media (prefers-reduced-motion:reduce){ :root{ --hero-loop:0s; } }