/* Centrx design tokens — the only place raw values live. */
:root {
  /* Surfaces */
  --bg: #FFFFFF;
  --surface: #F7F8FA;
  --surface-2: #F1F3F6;
  --border: #E4E7EC;
  --border-strong: #D0D5DD;

  /* Ink */
  --ink: #0B1220;
  --ink-2: #344054;
  --muted: #5B6474;
  --faint: #8A93A3;

  /* Accent — electric blue */
  --accent: #0A5CFF;
  --accent-hover: #0047E0;
  --accent-press: #003BBA;
  --accent-tint: #EEF3FF;
  --accent-tint-2: #DCE7FF;
  --accent-ring: rgba(10, 92, 255, .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: 12px;
  --fs-sm: 13px;
  --fs: 14px;
  --fs-md: 16px;
  --fs-lg: 20px;
  --fs-xl: 24px;
  --fs-2xl: 30px;

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

  /* 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: 232px;
  --rail: 64px;
  --topbar: 56px;
  --ease: cubic-bezier(.2, .7, .3, 1);
  --t: 120ms;
}