/* ============================================================
   CHARTE GRAPHIQUE GV INFORMATIQUE — TOKENS
   Source : logo officiel + décision « Bleu signature » v2.0
   Usage : importer en premier dans les feuilles de style du site
   ============================================================ */

:root {
  /* --- Couleurs primaires (famille du logo, teinte ≈205°) --- */
  --color-signature:   #003150;  /* Bleu marine officiel (logo) — fonds sombres, titres */
  --color-night:       #002B4D;  /* Bleu nuit profond — gradients, profondeur */
  --color-action:      #0074D9;  /* Bleu électrique — CTA, liens, interactif */
  --color-sky:         #4EBDF5;  /* Bleu ciel — accents sur fonds sombres */

  /* --- Couleurs neutres --- */
  --color-white:       #FFFFFF;  /* Fond principal */
  --color-pearl:       #F5F5F4;  /* Gris perle — sections alternées */
  --color-gray:        #4A4A4A;  /* Gris moyen — texte secondaire */
  --color-anthracite:  #1F1F1F;  /* Texte principal */
  --color-ink:         #1d1d1b;  /* Noir logo (monochrome) */

  /* --- Sémantique --- */
  --color-primary:   var(--color-signature);
  --color-secondary: var(--color-night);
  --color-accent:    var(--color-sky);
  --color-text:      var(--color-anthracite);
  --color-text-muted: var(--color-gray);
  --color-bg:        var(--color-white);
  --color-bg-alt:    var(--color-pearl);
  --color-border:    #E9E9E9;
  --color-focus:     var(--color-action);

  /* --- Typographie --- */
  --font-title: 'Rubik', sans-serif;
  --font-body:  'Montserrat', sans-serif;
  --fw-title: 700;
  --fw-body: 400;
  --fw-body-light: 300;
  --fw-body-medium: 500;
  --fw-body-semibold: 600;

  /* --- Dégradés --- */
  --gradient-hero: linear-gradient(135deg, #003150 0%, #0074D9 100%);
  --gradient-subtle: linear-gradient(135deg, #002B4D 0%, #003150 100%);

  /* --- Ombres (dérivées du bleu marine) --- */
  --shadow-sm: 0 4px 20px rgba(3, 28, 77, 0.06);
  --shadow-md: 0 8px 40px rgba(3, 28, 77, 0.10);
  --shadow-lg: 0 20px 60px rgba(3, 28, 77, 0.15);

  /* --- Rayons --- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 30px;
}