/*
 * Design tokens — the only colour/space/type values components may use.
 * Values are the OKLCH ramps generated and APCA-checked by mockup_prototype/tools/mockup-palette.py (MOCKUP_SPEC §7).
 * To rebrand: regenerate the ramps and replace this file; nothing else changes.
 */
:root {
  /* neutral ramp (264°) */
  --n-1: #FDFDFD; --n-2: #F8F8F8; --n-3: #F2F2F3; --n-4: #ECECED; --n-5: #E4E5E6; --n-6: #DBDCDE;
  --n-7: #CED0D3; --n-8: #BABDC3; --n-9: #6D7584; --n-10: #5F6879; --n-11: #575F70; --n-12: #25282E;
  /* accent ramp (255°) */
  --a-5: #DDE6F3; --a-6: #CFDEF1; --a-7: #BBD2F0; --a-8: #9BC0F0; --a-9: #3A75BE; --a-10: #3368AA; --a-11: #30609B; --a-12: #1A293C;
  /* status ramps */
  --d-5: #F3E0DE; --d-6: #F2D5D1; --d-9: #C04542; --d-11: #9D3936;
  --w-5: #F2E2D5; --w-6: #F0D7C3; --w-7: #EEC8A7; --w-9: #9A6839; --w-11: #7E552F;
  --s-5: #D9EBDB; --s-6: #C8E6CD; --s-7: #B3DCBA; --s-9: #3F8651; --s-11: #346D43;

  /* semantic tokens */
  --bg-page: var(--n-3); --bg-surface: #FFFFFF; --bg-sunken: var(--n-2); --bg-component: var(--n-4); --bg-hover: var(--n-5);
  --border-subtle: var(--n-6); --border: var(--n-7); --border-strong: var(--n-8);
  --text: var(--n-12); --text-2: var(--n-11); --text-muted: var(--n-9); --text-disabled: var(--n-8);
  --accent: var(--a-9); --accent-hover: var(--a-10); --accent-text: var(--a-11); --accent-tint: var(--a-5); --accent-border: var(--a-7); --focus: var(--a-8);
  --danger: var(--d-9); --danger-text: var(--d-11); --danger-tint: var(--d-5); --danger-border: var(--d-6);
  --warning: var(--w-9); --warning-text: var(--w-11); --warning-tint: var(--w-5); --warning-border: var(--w-6);
  --success: var(--s-9); --success-text: var(--s-11); --success-tint: var(--s-5); --success-border: var(--s-6);
  --inverse: var(--n-12); --inverse-text: #FFFFFF; --inverse-muted: var(--n-8); --inverse-positive: var(--s-7);

  /* elevation */
  --shadow-card: 0 0 0 1px rgba(0,0,0,.06), 0 1px 2px -1px rgba(0,0,0,.06), 0 2px 4px 0 rgba(0,0,0,.04);
  --shadow-control: 0 0 0 1px rgba(0,0,0,.06), 0 1px 2px -1px rgba(0,0,0,.06);
  --shadow-pop: 0 0 0 1px rgba(0,0,0,.08), 0 12px 32px -8px rgba(26,41,60,.28);

  /* shape and space */
  --r-panel: 6px; --r-control: 5px; --r-chip: 3px; --r-bar: 2px;
  --gutter: 28px; --rail: 236px; --control-h: 36px; --control-h-sm: 30px; --row-h: 52px;

  /* type */
  --font: 'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fs-kpi: 27px; --fs-title: 19px; --fs-section: 14.5px; --fs-h3: 13px; --fs-body: 12.5px; --fs-caption: 11.5px; --fs-overline: 10.5px;
}