/* Charte graphique WeAreRH 2026-09 (FULA-5656) — palette + rôles documentés
   dans le ticket. --secondary/--premium/--accent sont nouveaux ; le reste
   des noms de variables est conservé pour ne pas casser les consommateurs
   existants (frontend-dashboard et calculateurs important ce fichier). */

:root {
  --brand: #0F3D67;        /* Bleu We Are RH — couleur principale */
  --brandLight: #06B6D4;   /* Cyan Accent — CTA / digital */
  --brandDark: #102A43;    /* Bleu presque noir — titres forts */
  --bgDark: #102A43;       /* Bleu presque noir — fonds sombres (non surchargé en .dark, contrairement à --brandDark) */
  --secondary: #5B9573;    /* Vert We Are RH — RH / positif */
  --premium: #B38D43;      /* Doré We Are RH — premium / distinction */
  --accent: #06B6D4;       /* Cyan Accent — alias explicite de --brandLight */
  --brand-gradient-end: #0E7490; /* Cyan foncé — fin du dégradé (blanc dessus ≥ 5,3:1 ; #06B6D4 ne fait que 2,4:1) */
  --brand-gradient: linear-gradient(135deg, #0F3D67 0%, #0E7490 100%); /* Dégradé de marque — fonds portant du texte blanc (FULA-6567) */
  --bgPrimary: #FFFFFF;
  --bgSecondary: #F7F9FA;
  --bgTertiary: #E8EDF0;
  --textPrimary: #102A43;
  --textSecondary: #334155;
  --textMuted: #64748b;
  --border: #E8EDF0;
  --cardBg: #ffffff;
  --inputBg: #ffffff;
  --inputBorder: #E8EDF0;
  --success: #22c55e;
  --error: #ef4444;
  --warning: #f59e0b;
  --brandText: #0F3D67;    /* Texte de titre couleur marque — éclairci en .dark pour le contraste */
  --textFaint: #94a3b8;
  --stripe: #f8fafc;       /* Zébrure de tableau / fond de légende */
  --chipBg: #f1f5f9;
  --rowBorder: #f1f5f9;
  --switchOff: #cbd5e1;
  --amberFg: #92400e;
  --amberBg: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  --amberBgStrong: #fde68a;
  --amberBorder: #fde68a;
  --cyanSoftBg: #cffafe;
  --cyanSoftBorder: #a5f3fc;
  --fontFamily: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.dark, [data-theme="dark"] {
  --brand: #0F3D67;
  --brandLight: #06b6d4;
  --brandDark: #06b6d4;
  --bgPrimary: #0f172a;
  --bgSecondary: #1e293b;
  --bgTertiary: #334155;
  --textPrimary: #f1f5f9;
  --textSecondary: #cbd5e1;
  --textMuted: #94a3b8;
  --border: #334155;
  --cardBg: #1e293b;
  --inputBg: #1e293b;
  --inputBorder: #475569;
  --success: #34d399;
  --error: #f87171;
  --warning: #fbbf24;
  --brandText: #9cc0e0;
  --textFaint: #94a3b8;
  --stripe: rgba(148, 163, 184, 0.08);
  --chipBg: #334155;
  --rowBorder: #334155;
  --switchOff: #475569;
  --amberFg: #fcd34d;
  --amberBg: rgba(245, 158, 11, 0.16);
  --amberBgStrong: rgba(245, 158, 11, 0.32);
  --amberBorder: rgba(245, 158, 11, 0.4);
  --cyanSoftBg: rgba(6, 182, 212, 0.18);
  --cyanSoftBorder: rgba(6, 182, 212, 0.4);
}