/* Design tokens. The planner app is dark (night); the site is light (cream).
   Flat colour only: no gradients, no glass. */
:root {
  --night: #170F14;
  --night-2: #23171D;
  --night-3: #31222A;
  --cream: #FBF6EF;
  --ink: #2A1A20;
  --wine: #7B2C3B;
  --wine-soft: #A8566A;   /* wine, lightened for text on night */
  --gold: #C49A4A;
  --blush: #EAD7C9;
  --sunset: #E5603A;      /* the one action colour */
  --open: #6FA37A;
  --alert: #C0453F;
  --muted-on-night: #BFAFA6;
  --muted-on-cream: #6B5A60;

  --font-display: "Fraunces Variable", "Fraunces", Georgia, serif;
  --font-ui: "Instrument Sans Variable", "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;
}