/* Design tokens: Neon Night. Deep navy ink as the base, hot pink as the one accent for the
   primary action (--cta is --pink, navy text on it), coral for rails and hairlines, and the
   serif display type. Shared by the planner app (dark by default) and the site, which swaps
   its surface and text roles in site.css. Flat colour only: no gradients, no glass. */
:root {
  --night: #0D0A24;           /* the base: deep navy ink */
  --night-2: #181438;         /* surfaces: cards, sheets */
  --night-3: #24204F;         /* raised surfaces, active states */
  --cream: #FFF4EA;           /* text on night */
  --ink: #0D0A24;             /* text on yellow and other light fills */
  --wine: #A3175C;            /* deep hot-pink surface; cream text on it */
  --wine-soft: #FF6FB1;       /* light pink, for text on night where pink is too strong */
  --pink: #FF4FA0;            /* hot pink: links, selected states, headings on the site */
  --coral: #FF7A59;           /* accent: rails, hairlines, labels */
  --cta: #FF4FA0;             /* hot pink (= --pink): the one primary action, navy text on it */
  --cta-deep: #FF6FB1;        /* hover on the primary action: lighter pink (= --wine-soft) */
  --blush: #F6D3E4;           /* pale pink text on night */
  --muted-on-night: #B9B2D6;  /* secondary text */
  --muted-on-cream: #6B5A60;
  --open: #6FD39A;
  --alert: #C0453F;

  --font-display: "Fraunces Variable", "Fraunces Variable Fallback", "Fraunces", Georgia, serif;
  --font-ui: "Instrument Sans Variable", "Instrument Sans Variable Fallback", "Instrument Sans", system-ui, sans-serif;
  --font-read: "Newsreader Variable", "Newsreader", Georgia, serif;

  --radius: 14px;
  --radius-sm: 8px;
  --tap: 44px;
  --gutter: 20px;
  --maxw-read: 68ch;
}