/* Fichier généré automatiquement depuis brand/brand.json — NE PAS éditer. */
:root {
  --color-primary: #40BA8D;
  --color-primary-hover: #34987B;
  --color-primary-soft: #9AD7C5;
  --color-secondary: #3E6FB7;
  --color-secondary-hover: #335A96;
  --color-accent: #40BA8D;
  --color-background: #E7EBED;
  --color-background-alt: #DDE3E7;
  --color-surface: #FFFFFF;
  --color-surface-elevated: #FFFFFF;
  --color-text: #0A1828;
  --color-text-muted: #3E6FB7;
  --color-border: #CFD6DB;
  --color-success: #40BA8D;
  --color-warning: #B45309;
  --color-danger: #DC2626;
  --font-family-display: 'General Sans', 'Space Grotesk', system-ui, sans-serif;
  --font-family-sans: Inter, system-ui, sans-serif;
  --font-family-mono: 'JetBrains Mono', monospace;
  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-pill: 9999px;
  --shadow-button: 0 4px 14px rgba(62, 111, 183, 0.30);
  --shadow-card: 0 1px 2px rgba(10, 24, 40, 0.05), 0 2px 8px rgba(10, 24, 40, 0.07);
  --shadow-elevated: 0 4px 16px rgba(10, 24, 40, 0.10), 0 10px 32px rgba(10, 24, 40, 0.08);
}

html, body { background: var(--color-background); color: var(--color-text); }
body { font-family: var(--font-family-sans); }
.font-display { font-family: var(--font-family-display); letter-spacing: -0.02em; }
.eyebrow { color: var(--color-primary); text-transform: uppercase; letter-spacing: 0.15em; font-size: 0.8125rem; font-weight: 600; }