/* ============================================================================
   A · CALM UTILITY
   Warm paper, deep ink, one status accent. Hairlines instead of shadows.
   Reads official-adjacent — the register a compliance tool should have. The
   calendar is the only dense object on the page, so it becomes the centrepiece
   by default rather than by decoration.
   ========================================================================== */
:root {
  color-scheme: light;

  /* type */
  --font-ui: 'Inter var', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: var(--font-ui);
  --font-numeral: var(--font-ui);
  --font-features: 'cv05' 1, 'cv08' 1, 'ss01' 1;
  --weight-display: 680;
  --weight-numeral: 700;
  --track-h1: -.028em;
  --track-h2: -.018em;
  --track-numeral: -.03em;

  --fs-base: 16px;
  --fs-xs: 12.5px;
  --fs-sm: 14.5px;
  --fs-lead: clamp(16.5px, 1.1vw + 13px, 19px);
  --fs-h1: clamp(34px, 4.4vw + 12px, 60px);
  --fs-h2: clamp(21px, 1.4vw + 16px, 27px);
  --fs-stat: clamp(30px, 2.6vw + 18px, 42px);
  --fs-stat-hero: clamp(46px, 5vw + 20px, 76px);
  --fs-day: 16px;

  /* colour */
  --bg: #FAF9F6;
  --surface: #FFFFFF;
  --ink: #1A2332;
  --ink-2: #55606F;
  --ink-3: #8A94A2;
  --line: #E2DFD8;
  --hairline: 1px solid var(--line);
  --border-w: 1px;

  --ok: #2D6A4F;
  --warn: #B26B00;
  --bad: #B4322A;
  --accent: #1A2332;
  --accent-ink: #FAF9F6;
  --link: #2D6A4F;
  --focus: #2D6A4F;

  /* A control that sits ON a card — selects, date fields, the editor's footer.
     These used to paint themselves with --bg, which works only while --bg and
     --surface are near-identical, as they are here. The moment a theme gives
     the page a different ground (or a gradient) every field on a white card
     lit up in the page colour. Same value as --bg, so nothing moves here, but
     now it is a decision a theme can make on its own. */
  --field-bg: #FAF9F6;

  --trust-bg: #F3F1EA;
  --trust-ink: #55606F;
  --offer-bg: #F5F2EA;
  --legend-bg: #F3F1EA;
  --note-bg: #FBF3E2;
  --note-border: #EBDCBD;
  --note-ink: #6B5320;
  --bar-track: #E8E4DA;
  --stat-hero-bg: #FFFFFF;
  --stat-hero-border: #C8D6CD;

  --day-hover: #EFEDE6;
  --day-in-bg: #DCEAE1;
  --day-in-border: #B6D2C1;
  --day-in-ink: #1D4A37;
  --day-preview: #E8F0EA;
  --day-over-bg: #F6DEDC;
  --day-over-ink: #8E2820;
  --today-ring: #1A2332;

  --btn-bg: #1A2332;
  --btn-ink: #FAF9F6;
  --sticky-bg: rgba(250,249,246,.94);
  --sticky-ink: var(--ink);

  /* form */
  --measure: 1140px;
  --gutter: clamp(18px, 4vw, 40px);
  --radius: 12px;
  --radius-sm: 9px;
  --radius-day: 7px;
  --shadow: none;
  --ease: cubic-bezier(.22,.61,.36,1);

  --s2: 6px; --s3: 10px; --s4: 16px; --s5: 24px; --s6: 36px; --s7: 52px; --s8: 72px;
}