:root {
  /* Brand / primary */
  --strawberry: #B70D18;
  --strawberry-shade: #EF5350;   /* provisional — a true light strawberry comes in the app/value pass */
  --strawberry-strong: #8F0E12;  /* hover / active */

  /* Semantic accents — convention per accent: {name} base · {name}-shade pale wash (status cells, below) · {name}-strong hover/active */
  --green: #00712E;
  --green-strong: #005A24;

  --signal-red: #FF1744;         /* loud "ambulance" danger exception — always paired with --signal-yellow.
                                    NB: signal-yellow on this bright base is ~3.15:1 → large/bold text only; deliberate loud signal. */
  --signal-red-strong: #9B0D26;  /* deep red: danger fill hover + legible outline-danger text on pale (8:1) */
  --signal-yellow: #FFEB3B;      /* text/icon on signal-red; danger is never signalled by colour alone */

  --orange: #DB9338;             /* Warning — amber (OKLCH H68), distinct from both reds; fills use dark text */
  --orange-strong: #8F5805;      /* dark amber: warning border + legible outline-warning text on pale (5.6:1) AND the 20% hover-fill (4.7:1) */

  --blue: #5589C9;               /* Info / Exceptional — FILL token (button bg, shaded cells) */
  --blue-strong: #2F5180;        /* dark blue for blue-as-TEXT (e.g. matrix €/m labels): AA on chamois-medium (4.8:1). --blue fails as text — keep fill and foreground separate. */
  --chamois-lightest: #FFFEF9;
  --chamois-pale: #FEF8EB;
  --chamois-whisper: #F9F2E3;  /* hue-smoothed onto the ramp (OKLCH H88→86; removes the creme zig-zag) */
  --chamois-light: #EEE5D3;
  --chamois-medium: #D5C7AB;
  --chamois-dark: #C1AF8B;
  --chamois-full: #AD976C;
  --chamois-deep: #9C835C;
  --brown-light: #8A6E4D;
  --brown-medium: #73573C; 
  --brown-dark: #5A4330;
  --brown-full: #3D2F23;
  --warm-grey-lightest: #E8E6E3;
  --warm-grey-light: #D0CCC7;
  --warm-grey-medium: #B8B3AD;
  --warm-grey-dark: #9A9590;
  --warm-grey-full: #7C7771;
  --warm-grey-deepest: #4A453F;  /* darkest warm grey; readable (4.56:1) on --warm-grey-medium for muted/neutral text */
  --warm-grey-muted: #656059;    /* muted "greyed-out" text that still clears 4.5:1 on the pale outline-button fills */
  --white: #FFFFFF;
  --black: #000000;
  /* Shaded backgrounds for semantic status cells (pale tints for readability) */
  --green-shade: #E6F4EB;        /* Affirmative status cell */
  --blue-shade: #E8F0F8;         /* Exceptional status cell */
  --signal-red-shade: #FDECEE;   /* Negative status cell */
  --grey-shade: #F0EFED;         /* Neutral status cell */
}