:root {
  /* ATLET Brand */

  --atlet-red: #DC2626;
  --atlet-red-active: #D3181D;
  --atlet-red-dark: #8F080A;


  /* Background */

  --atlet-bg: #0A0A0B;
  --atlet-surface: #111318;
  --atlet-surface-raised: #141B22;


  /* Border */

  --atlet-border: #2A2E36;


  /* Text */

  --atlet-text-primary: #F3F4F6;
  --atlet-text-secondary: #9DA6B0;


  /* Status */

  --status-success: #18C586;
  --status-warning: #F2B33D;
  --status-danger: #C10D0E;


  /* Radius */

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-card: 16px;
  --radius-lg: 20px;
  --radius-pill: 999px;


  /* Font size
     Documents the font sizes already in real use across the Manager V3-V6
     layers (surveyed by frequency across manager-app-shell-v3.css,
     manager-dashboard-shell.css, dashboard-redesign-v1.css,
     manager-dashboard-refinement.css, manager-brand-ui-v5.css,
     manager-reference-ui-v6.css, manager-dashboard-usability-v2.css).
     Purely additive: naming existing values, not changing or reducing
     them, so migrating a declaration to one of these tokens is guaranteed
     visually identical. */

  --font-size-3xs: 8px;
  --font-size-2xs: 9px;
  --font-size-xs: 10px;
  --font-size-sm: 11px;
  --font-size-base: 12px;
  --font-size-md: 13px;
  --font-size-lg: 14px;
  --font-size-xl: 15px;
  --font-size-2xl: 16px;
  --font-size-3xl: 17px;
  --font-size-4xl: 18px;


  /* Spacing
     Same additive intent as the font-size scale above, surveyed from real
     `gap` usage across the same files. */

  --space-3xs: 2px;
  --space-2xs: 3px;
  --space-xs: 4px;
  --space-sm: 5px;
  --space-md: 6px;
  --space-lg: 7px;
  --space-xl: 8px;
  --space-2xl: 9px;
  --space-3xl: 10px;
  --space-4xl: 12px;


  /* Legacy compatibility */

  --atlet-soft: var(--atlet-bg);
  --atlet-muted: var(--atlet-text-secondary);
}