/* DataPurix design tokens: docs/design/ui-design-system.md §1. Two values are darker than the
   template so text meets WCAG AA (4.5:1) on every surface (§10): --text-3 and --warn. */
:root {
  /* ink & text */
  --ink: #0A0A0A;          /* headings, primary buttons, active icons */
  --ink-hover: #232323;    /* primary button hover; footer rule */
  --text-2: #525866;       /* body copy, nav links, secondary values */
  --text-3: #6C7077;       /* muted labels, eyebrows, meta (template #8A9099: 3.0:1) */
  --text-inverse-2: #D5D7DB; /* footer links on ink */

  /* surfaces & lines */
  --surface: #FFFFFF;
  --surface-2: #F7F8FA;    /* alternating sections, table header, secondary hover */
  --surface-3: #FCFCFD;    /* sidebar, subtle cards, hover rows */
  --line: #E5E7EB;         /* all borders */
  --line-soft: #F2F4F6;    /* row dividers, active nav bg, field-grid gaps */
  --line-strong: #D8DBE0;  /* hover borders, flow connectors */

  /* status: fg / bg / border */
  --ok: #1F7A4D;     --ok-bg: #F2F8F4;     --ok-line: #D8E8DE;
  --warn: #966817;   --warn-bg: #FBF8F2;   --warn-line: #EDE2CE; /* template --warn #A8751A: 3.8:1 */
  --bad: #B4292B;    --bad-bg: #FDF7F7;    --bad-line: #F0D4D4;
  --neutral: #525866; --neutral-bg: #F7F8FA; --neutral-line: #E5E7EB;

  /* radii */
  --r-xs: 8px;   /* app chips, small buttons, sidebar items */
  --r-sm: 9px;   /* kanban cards, value-bar marks */
  --r-md: 10px;  /* buttons, fields, capability lists */
  --r-lg: 12px;  /* cards, stat cards, table containers, hero buttons */
  --r-xl: 14px;  /* inner panels */
  --r-2xl: 18px; /* section panels */
  --r-3xl: 20px; /* hero window */
  --r-pill: 999px;

  /* elevation */
  --shadow-window: 0 24px 60px -30px rgba(10,10,10,.22);
  --shadow-panel: 0 20px 50px -34px rgba(10,10,10,.30);
  --shadow-hover: 0 10px 26px -18px rgba(10,10,10,.28);
  --shadow-header: 0 1px 16px -8px rgba(10,10,10,.14);

  /* type */
  --font-sans: 'Geist', 'SF Pro Text', system-ui, -apple-system, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, monospace;

  /* layout */
  --max-w: 1440px;
  --gutter: 32px;
  --header-h: 68px;
  --sidebar-w: 212px;
  --bp-desktop: 1040px; /* reference only: media queries use the literal */
}