:root {
  /* Couleurs marque — Palette Gattaca (mode clair) */
  --brume: #627483; /* WCAG AA 4.83:1 sur blanc */
  --brume-deep: #4E6272; /* WCAG AA 6.34:1 sur blanc, 6.06:1 sur #F8FAFC */
  --brume-pale: #DDE2E8;
  --brume-soft: #B8965A;
  --blanc: #FFFFFF;
  --noir: #1A1A1D;
  --noir-bg: #F8FAFC;
  --noir-nav: #FFFFFF;
  --noir-card: #FFFFFF;
  --noir-surface: #F1F5F9;

  /* Gris */
  --gris-50: #F8FAFC;
  --gris-100: #F1F5F9;
  --gris-200: #E2E8F0;
  --gris-400: #64748B;
  --gris-500: #475569;
  --gris-600: #334155;
  --gris-700: #E2E8F0;
  --gris-800: #E2E8F0;

  /* Accent & CTA */
  --accent: #B8965A;
  --accent-dark: #9E7A3E;
  --accent-text: #856530; /* WCAG AA 5.14:1 sur #F8FAFC, 5.38:1 sur blanc */
  --accent-bg: #F0EBE1;

  /* Sémantique */
  --tag-color: #856530; /* WCAG AA 5.14:1 sur #F8FAFC — texte tag sur fond clair */
  --tag-bg: #B8965A10;
  --section-bg-alt: #F1F5F9;
  --section-bg: #F0F2F5;
  --cta-bg: #F0EBE1;
  --cta-accent: #B8965A;

  /* Texte */
  --text-dark: #111113;
  --text-secondary: #555555; /* WCAG AA 7.46:1 sur blanc */
  --text-on-dark: #94A3B8; /* WCAG AA 6.77:1 sur #1A1A1D — texte sur fond sombre */
  --text-muted-on-dark: #8899AA; /* WCAG AA 5.94:1 sur #1A1A1D */

  /* États */
  --error: #C62828;
  --success: #0D7C4A;
  --success-bg: #ECFDF3;

  /* Social */
  --linkedin: #0A66C2;
  --linkedin-dark: #084D93;

  /* Typographie */
  --font-display: 'Outfit', sans-serif;
  --font-body: 'DM Sans', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --font-logo: 'Geist', sans-serif;

  /* Espacements — fluide */
  --section-px: clamp(16px, 4vw, 80px);
  --section-py: 56px;
  --section-gap: 36px;

  /* Rayons */
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
}

@media (min-width: 768px) {
  :root {
    --section-py: 72px;
    --section-gap: 48px;
  }
}

@media (min-width: 1024px) {
  :root {
    --section-py: 96px;
    --section-gap: 56px;
  }
}