/* Jetons de la marque SPARRING.ai : copie des variables de brand-kit/global.css (la source unique).
   Pour changer une couleur, une police ou un espacement : modifier brand-kit/global.css puis recopier ce bloc. */
:root {
  /* Color Tokens */
  --color-primary-main: #0B1329;
  --color-primary-light: #1C2541;
  --color-primary-dark: #050A18;
  
  --color-secondary-main: #00A8B5;
  --color-secondary-light: #33B9C4;
  --color-secondary-dark: #007882;
  
  --color-accent-main: #00E5FF;
  
  --color-bg-dark: #0B1329;
  --color-bg-light: #F8F9FA;
  --color-bg-surface: #FFFFFF;
  
  --color-status-success: #10B981;
  --color-status-error: #EF4444;
  --color-status-warning: #F59E0B;

  /* Typography Scale */
  --font-family-heading: 'Inter', 'Helvetica Neue', sans-serif;
  --font-family-body: 'Inter', 'Roboto', sans-serif;
  --font-family-code: 'JetBrains Mono', 'Fira Code', monospace;
  
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  
  --font-size-h1: 2.25rem;
  --font-size-h2: 1.75rem;
  --font-size-body: 1rem;
  --font-size-caption: 0.875rem;
  
  --line-height-heading: 1.2;
  --line-height-body: 1.5;
  --line-height-caption: 1.4;

  /* Spacing Scale (8pt Grid) */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;

  /* Border Radii */
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
}