/* CSOS Portal design tokens v0.1
   Source: Trafalgar letterhead. Maroon #780001, Lime #C0D72F.
   Tenant theming: override only the --brand-* variables per tenant
   (e.g. [data-tenant="comcat"] { ... }). Everything else stays shared. */

:root {
  /* Brand (tenant-overridable) */
  --brand-primary: #780001;        /* Trafalgar Maroon */
  --brand-primary-hover: #5E0001;
  --brand-primary-strong: #4A0001;
  --brand-primary-tint: #F4E4E4;   /* active nav, selected rows */
  --brand-primary-wash: #FAF2F2;
  --brand-accent: #C0D72F;         /* Trafalgar Lime: bars, rules, focus, highlights only */
  --brand-accent-tint: #F1F6D0;
  --brand-accent-ink: #5A6612;     /* use when lime-family text must sit on white */
  --brand-on-primary: #FFFFFF;
  --brand-on-accent: #1F220F;      /* text on lime; never white on lime */

  /* Neutrals */
  --ink: #1F1A17;
  --ink-muted: #5C5550;
  --paper: #FAF8F5;                /* page background */
  --surface: #FFFFFF;              /* cards, tables */
  --border: #E4E0DB;
  --border-subtle: #EFECE7;
  --neutral-tint: #ECE9E4;

  /* Matter stage colours (differ in lightness as well as hue) */
  --stage-draft-bg: #E3ECF5;        --stage-draft-fg: #1E4A73;
  --stage-lodged-bg: #1E4A73;       --stage-lodged-fg: #FFFFFF;
  --stage-conciliation-bg: #FBEBD2; --stage-conciliation-fg: #7A4300;
  --stage-adjudication-bg: #780001; --stage-adjudication-fg: #FFFFFF;
  --stage-order-bg: #C0D72F;        --stage-order-fg: #1F220F;
  --stage-closed-bg: #ECE9E4;       --stage-closed-fg: #5C5550;

  /* Feedback */
  --danger: #B42318;  --warning: #7A4300;  --success: #3F5A0E;  --info: #1E4A73;

  /* Type */
  /* Arial Narrow throughout (decision 2026-09-29, replacing Figtree / IBM Plex
     Mono). It ships with Windows/Office, so no web-font download. Condensed
     fallbacks for machines without it, then plain Arial. */
  --font-sans: "Arial Narrow", "Arial Nova Cond", "Liberation Sans Narrow", "Nimbus Sans Narrow", Arial, sans-serif;
  --font-mono: var(--font-sans);   /* refs and amounts: same face, tabular figures */
  --text-xs: 12px; --text-sm: 14px; --text-md: 16px; --text-lg: 20px;
  --text-xl: 24px; --text-2xl: 30px; --text-3xl: 40px;
  --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600;
  --weight-bold: 700; --weight-heavy: 800;

  /* Shape and space */
  --radius-control: 10px; --radius-card: 14px; --radius-pill: 999px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
  --header-height: 68px;
  --header-rule: 6px;              /* lime band under the header, echoes the letterhead */
  --sidebar-width: 232px;
  --focus-ring: 0 0 0 3px var(--brand-accent);
}