/*
  JB Job Runner - THEME FILE (Plaster colourway)
  Every colour, font, radius and spacing lives here. Swap this file = whole app changes.
  Step 0.1 starter. Step 0.2 fills it out and adds the style guide page.
  Source: claude/09-look-and-feel.md in the project.
*/
:root {
  /* Surfaces */
  --bg: #f3efe8;          /* page background - warm cream */
  --sidebar: #e9e2d6;     /* sidebar menu */
  --card: #fffdf9;        /* cards / tiles */
  --line: #e4ddd1;        /* borders, dividers */
  --track: #ebe5da;       /* empty ring / bar track */

  /* Text */
  --text: #2d2a26;
  --muted: #6f675c;

  /* Accent - clay */
  --accent: #b8694a;
  --accent-strong: #a65a3d;  /* buttons + JB mark - white text OK on this */
  --on-accent: #ffffff;

  /* Health - meaning first: green on track, amber watch, red look here */
  --good: #6f9a74;  --good-text: #4d7552;  --good-tint: #e8f0e6;
  --watch: #cf9a3c; --watch-text: #8a5a10; --watch-tint: #f7ecd6;
  --bad: #c2553f;   --bad-text: #a8392d;   --bad-tint: #f6e1db;

  /* Type */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "DM Serif Display", Georgia, "Times New Roman", serif;
  --text-sm: 13px;
  --text-base: 15px;
  --text-lg: 18px;
  --text-xl: 24px;
  --text-big: 34px;

  /* Shape + space */
  --radius-card: 16px;
  --radius-control: 10px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  /* Layout */
  --sidebar-width: 236px;
  --tabbar-height: 64px;
  --content-max: 1120px;
}