/* ==========================================================================
   STARGATE SÉCURITÉ INTERNATIONALE — Jetons de marque (design tokens)
   Couleurs relevées directement sur l'écusson et la plaquette commerciale.
   Fichier réutilisable : site vitrine, présentations, futurs supports.
   ========================================================================== */

:root {
  /* --- Couleurs de marque -------------------------------------------------
     Or et bronze proviennent de l'écusson ; l'os est le lettrage du logo.    */
  --sg-noir:          #0B0B0C; /* fond « terrain » — noir de l'écusson       */
  --sg-anthracite:    #141417; /* surfaces surélevées sur fond noir          */
  --sg-graphite:      #232325; /* champ intérieur de l'écusson               */
  --sg-or:            #E6BB43; /* accent principal — jaune de la plaquette   */
  --sg-or-clair:      #F0D28A; /* survols, dégradés, hautes lumières         */
  --sg-or-profond:    #C9922F; /* or pressé (état actif)                     */
  --sg-bronze:        #AB6C28; /* bronze de l'écusson — accent secondaire    */
  --sg-bronze-sombre: #543C2C; /* ombres de l'écusson, filets sur fond clair */
  --sg-os:            #EAE8DE; /* lettrage du logo — surface « dossier »     */
  --sg-os-creux:      #DDD9CC; /* filets et séparateurs sur fond os          */

  /* --- Texte -------------------------------------------------------------- */
  --sg-texte-clair:   #F3F2EE; /* sur fond noir                              */
  --sg-texte-doux:    #A8A69E; /* secondaire sur fond noir                   */
  --sg-texte-sombre:  #121214; /* sur fond os                                */
  --sg-texte-mineur:  #5C574C; /* secondaire sur fond os                     */

  /* --- Fonctionnel -------------------------------------------------------- */
  --sg-veille:        #4ADE80; /* témoin « en service » uniquement           */
  --sg-alerte:        #D9483B;

  /* --- Typographie --------------------------------------------------------
     Titrage : Big Shoulders Display — condensé, lettrage de signalétique,
               en rappel du lettrage compressé de l'écusson.
     Courant : Chivo — grotesque neutre, très lisible en français.
     Technique : IBM Plex Mono — codes mission, références légales, horaires. */
  --sg-font-titre:  "Big Shoulders Display", "Arial Narrow", sans-serif;
  --sg-font-texte:  "Chivo", "Segoe UI", system-ui, sans-serif;
  --sg-font-tech:   "IBM Plex Mono", "Consolas", monospace;

  /* Échelle typographique (fluide, base 16 px) */
  --sg-t-affiche: clamp(2.9rem, 7vw, 6.6rem);  /* titre de couverture       */
  --sg-t-titre:   clamp(2.1rem, 4.6vw, 3.6rem);/* titres de section         */
  --sg-t-sous:    clamp(1.25rem, 2vw, 1.6rem); /* sous-titres               */
  --sg-t-lead:    clamp(1.05rem, 1.4vw, 1.22rem);
  --sg-t-corps:   1rem;
  --sg-t-petit:   0.86rem;
  --sg-t-code:    0.72rem;                     /* mono, toujours en capitales
                                                  avec 0.14em d'interlettre */

  /* --- Rythme et formes --------------------------------------------------- */
  --sg-pas:       8px;                 /* toutes les marges sont des multiples */
  --sg-large:     1240px;              /* largeur utile maximale               */
  --sg-gouttiere: clamp(20px, 5vw, 64px);
  --sg-rayon:     2px;                 /* angles quasi vifs : registre officiel*/
  --sg-filet:     1px solid color-mix(in srgb, var(--sg-or) 26%, transparent);
  --sg-filet-or:  color-mix(in srgb, var(--sg-or) 16%, transparent);

  /* --- Mouvement ----------------------------------------------------------- */
  --sg-transition: 220ms cubic-bezier(0.22, 0.61, 0.36, 1);
}