:root {
  /* ==========================================================================
     CHARTE GRAPHIQUE OFFICIELLE — INSTITUT SINO ACADÉMIE (SINO GROUP SA)
     ========================================================================== */
  
  /* Couleurs Maîtresses (Dossier Institutionnel) */
  --color-navy: #1F3864;         /* Bleu Marine - Autorité, sérieux, ancrage institutionnel */
  --color-navy-dark: #122240;    /* Bleu Marine Profond (surfaces d'autorité, headers) */
  --color-navy-light: #2D4E8A;   /* Bleu Marine Doux */
  --color-navy-subtle: #EEF3FA;  /* Teinte très claire pour arrière-plans de cartes */
  
  --color-gold: #B8860B;         /* Or (Dark Goldenrod) - Excellence, prestige, expertise */
  --color-gold-light: #D4AF37;   /* Or lumineux pour reflets et survol */
  --color-gold-dark: #916805;    /* Or profond pour bordures et contrastes */
  --color-gold-subtle: #FDF9EE;  /* Crème or pour encadrés d'honneur */
  
  --color-green: #2E6B3E;        /* Vert Sahel/Niger - Croissance, avenir, ancrage local */
  --color-green-light: #3D8851;  /* Vert vif pour validations et accents */
  --color-green-subtle: #F0F7F2; /* Fond d'alerte positive */

  /* Nuances Neutres & Typographiques */
  --color-text-main: #0F172A;    /* Slate 900 - Lisibilité maximale */
  --color-text-muted: #475569;   /* Slate 600 - Textes descriptifs */
  --color-text-light: #94A3B8;   /* Slate 400 - Métadonnées */
  --color-surface-white: #FFFFFF;
  --color-surface-soft: #F8FAFC;  /* Blanc albâtre */
  --color-surface-card: #FFFFFF;
  --color-border: #E2E8F0;
  --color-border-focus: #B8860B;

  /* Typographie */
  --font-serif: 'Cinzel', 'Playfair Display', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-chinese: 'Noto Serif SC', 'PingFang SC', 'Source Han Serif SC', serif;

  /* Échelles d'espacement */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6rem;

  /* Rayons de bordure (Sobres, non enfantins) */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Ombres Institutionnelles & Profondeur */
  --shadow-subtle: 0 1px 3px rgba(15, 23, 42, 0.05);
  --shadow-card: 0 4px 14px rgba(31, 56, 100, 0.07);
  --shadow-hover: 0 12px 28px rgba(31, 56, 100, 0.14);
  --shadow-gold: 0 4px 18px rgba(184, 134, 11, 0.2);
  --shadow-modal: 0 20px 45px rgba(15, 23, 42, 0.35);

  /* Transitions */
  --transition-fast: 0.18s ease-in-out;
  --transition-smooth: 0.3s cubic-bezier(0.16, 1, 0.3, 1);

  /* Conteneur */
  --container-max: 1240px;
  --header-height: 74px;
  --topbar-height: 38px;
}