/* Centrx design tokens — the only place raw values live. */
:root {
  /* Surfaces */
  --bg: #FFFFFF;
  --surface: #F6F8FC;
  --surface-2: #EEF2F8;
  --border: #E2E7F0;
  --border-strong: #CDD5E2;

  /* Ink: navy-black, from the logo's lettering */
  --ink: #091230;
  --ink-2: #2F3A55;
  --muted: #59637B;
  --faint: #6E778C;

  /* Brand palette (October 2026 brand board) */
  --blue-900: #062B71;
  --blue-700: #1349AC;
  --blue-500: #2064DB;
  --blue-400: #3D86FB;
  --blue-300: #6BB1FC;
  --brand-gradient: linear-gradient(135deg, #3D86FB 0%, #2064DB 45%, #062B71 100%);
  --brand-text: linear-gradient(90deg, #3D86FB 0%, #2064DB 55%, #1349AC 100%);
  --night: #04070D; /* the board's near-black, for dark bands */

  /* Accent: brand blue */
  --accent: #2064DB;
  --accent-hover: #1349AC;
  --accent-press: #062B71;
  --accent-tint: #EEF5FF;
  --accent-tint-2: #D5E7FE;
  --accent-ring: rgba(32, 100, 219, .25);

  /* Status (reserved; always paired with a label) */
  --success: #067647;
  --success-tint: #ECFDF3;
  --warn: #B54708;
  --warn-tint: #FFFAEB;
  --danger: #B42318;
  --danger-tint: #FEF3F2;
  --neutral-tint: #F2F4F7;

  /* Type */
  --font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
  --fs-xs: 13px;
  --fs-sm: 14.5px;
  --fs: 16px;
  --fs-md: 17.5px;
  --fs-lg: 22px;
  --fs-xl: 28px;
  --fs-2xl: 32px;

  /* Shape */
  --r-sm: 4px;
  --r: 8px;
  --r-lg: 12px;

  /* Elevation — only for things that float */
  --shadow-pop: 0 12px 32px rgba(16, 24, 40, .10), 0 2px 6px rgba(16, 24, 40, .05);
  --shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);

  /* Layout */
  --sidebar: 256px;
  --rail: 88px;
  --topbar: 64px;
  --ease: cubic-bezier(.2, .7, .3, 1);
  --t: 120ms;
}