/* RWE dashboard tokens — GENERATED FROM THE PAPER FILE. DO NOT HAND-EDIT.
   Source: "RWE Design System" 01M4MZ2B12G3YQD8KGGWC3XEDQ, token set 15e4e892, 2026-10-11.

   ⚠️ EVERY VALUE HERE IS A VERBATIM COPY OF A PAPER TOKEN. Chris, 2026-10-11:
   "Many of the icons are missing, card design isn't the same, colors also aren't. Make sure you
   fully stick to the design system." The drift that caused that was exactly this file being
   edited by hand — `--color-kept` and `--color-cost` had been changed to green and orange off a
   remembered instruction, while the design system itself says cobalt. A remembered instruction
   loses to the artefact every time.

   To change a colour: change it in PAPER, then regenerate. Never the other way round.

   ⚠️ This is the DASHBOARD's system, deliberately separate from tools/config/rwe_tokens.json,
   which is the client-facing email/design system and answers to different rules. */
:root {

  /* colour */
  --color-canvas: #F1F3F6;
  --color-surface: #FFFFFF;
  --color-tray: #E9ECF1;
  --color-sunk: #F7F8FA;
  --color-ink: #0A0C10;
  --color-ink-strong: #22262E;
  --color-ink-muted: #666D78;
  --color-ink-subtle: #8A919C;
  --color-on-accent: #FFFFFF;
  --color-hairline: #E3E6EB;
  --color-hairline-soft: #EDEFF3;
  --color-accent: #2347E5;
  --color-accent-hover: #1C3BC4;
  --color-accent-soft: #E8ECFE;
  --color-accent-border: #B9C5FA;
  --color-up: #2347E5;
  --color-up-bg: #E8ECFE;
  --color-down: #C62828;
  --color-down-bg: #FBEBEB;
  --color-warn: #B45309;
  --color-warn-bg: #FBF0E3;
  --color-neutral-pill: #EDEFF3;
  --color-chart-track: #E9ECF1;
  --color-chart-grid: #E3E6EB;
  --color-chart-ghost: #C3C8D1;
  --color-chart-1: #2347E5;
  --color-chart-2: #0E7A3C;
  --color-chart-3: #B45309;
  --color-chart-4: #6B21A8;
  --color-chart-5: #0E7490;
  --color-chart-6: #9D174D;
  --color-kept: #2347E5;
  --color-kept-soft: #E8ECFE;
  --color-cost: #7C93F0;
  --color-cost-soft: #EEF1FE;
  --color-team: #C3CEFA;
  --color-team-soft: #F3F6FF;

  /* type families */
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* type scale */
  --text-hero: 56px;
  --text-stat: 36px;
  --text-stat-sm: 28px;
  --text-h1: 28px;
  --text-section: 18px;
  --text-body: 14px;
  --text-label: 13px;
  --text-caption: 12px;
  --text-caps: 11px;

  /* weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* tracking */
  --tracking-hero: -0.032em;
  --tracking-stat: -0.028em;
  --tracking-tight: -0.018em;
  --tracking-normal: 0em;
  --tracking-caps: 0.08em;

  /* leading */
  --leading-hero: 56px;
  --leading-stat: 40px;
  --leading-h1: 34px;
  --leading-body: 21px;
  --leading-caption: 16px;

  /* opacity */
  --opacity-fill: 12%;
  --opacity-muted: 60%;
  --opacity-ghost: 40%;

  /* breakpoints */
  --breakpoint-mobile: 390px;
  --breakpoint-tablet: 1024px;
  --breakpoint-desktop: 1440px;

  /* fixed sizes */
  --container-page: 1440px;
  --container-content: 1184px;
  --container-sidebar: 232px;
  --container-topbar: 56px;
  --container-row: 52px;
  --container-navitem: 36px;

  /* spacing scale */
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-8: 32px;
  --spacing-10: 40px;
  --spacing-12: 48px;
  --spacing-16: 64px;

  /* corner radii */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 9999px;
}