/*
  Design tokens -- colours, type and spacing in one place. Change a value here
  and it updates everywhere.

  Theme: "Literary / Sage" -- Spectral everywhere (interface and printed
  pieces), warm off-white paper, a soft sage accent. Using the same typeface
  on screen and on paper means what you see is what you print.
*/

:root {
  /* Surfaces + ink */
  --color-paper: #faf8f3; /* app background */
  --color-surface: #ffffff; /* cards, inputs, panels */
  --color-ink: #26221e; /* primary text */
  --color-ink-soft: #6c6459; /* secondary text, labels */
  --color-line: #e6e0d4; /* hairlines, borders */

  /* Sage accent */
  --color-accent: #5f7266; /* borders, links, small marks */
  --color-accent-strong: #4a5a50; /* filled buttons, seat pills, hover */
  --color-accent-tint: #eef1ec; /* selected rows, quiet highlight panels */

  /* Meaning colours (kept quiet) */
  --color-warning: #9a5b3b; /* "must not sit together", broken rules */
  --color-warning-tint: #f7efe9;
  --color-warning-line: #e7d3c6;
  --color-ok: #356a5b; /* "must sit together", saved */

  /* Fonts (self-hosted + embedded, see styles/fonts.css).
     Spectral is used for both the interface and the printed pieces. The
     --font-sans / --font-serif split is kept so it's a one-line change to
     put a separate UI font back (Inter was the previous choice). */
  --font-serif: "Spectral", Georgia, "Times New Roman", serif;
  --font-sans: var(--font-serif);

  /* Type scale -- a touch larger than usual: Spectral runs small, and it
     needs a little more size than a sans to stay comfortable in the UI. */
  --text-sm: 0.84rem;
  --text-base: 0.975rem;
  --text-lg: 1.15rem;
  --text-xl: 1.5rem;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* Misc */
  --radius: 7px;
  --header-height: 140px; /* two-row header - used to size the Plan panels */
  --shadow: 0 1px 3px rgba(38, 34, 30, 0.06), 0 6px 20px rgba(38, 34, 30, 0.05);
}