/* ============================================================
   GRAPHIC OUEST — DESIGN TOKENS (Phase A)
   ----------------------------------------------------------
   Variables CSS de référence pour l'ensemble de l'écosystème
   Graphic Ouest : site public, outils admin, tableau de bord.

   ⚠️ Ce fichier N'EST PAS chargé sur le site. Référence locale
   uniquement, à intégrer lors des refontes ultérieures.

   Convention : préfixe --go- pour éviter toute collision.
   ============================================================ */

:root {

  /* ---------- COULEURS PRIMAIRES ---------- */
  --go-color-primary:           #13235B;  /* Bleu Graphic Ouest — autorité, structure */
  --go-color-primary-dark:      #0A1640;  /* Hover / surfaces accentuées */
  --go-color-primary-soft:      #E8ECF5;  /* Fond très clair teinté bleu */

  --go-color-secondary:         #F29400;  /* Orange Graphic Ouest — action, énergie */
  --go-color-secondary-dark:    #D67E00;  /* Hover orange */
  --go-color-secondary-soft:    #FFF1DB;  /* Fond très clair teinté orange */

  /* ---------- COULEURS NEUTRES ---------- */
  --go-color-white:             #FFFFFF;
  --go-color-bg-soft:           #FAFAFA;  /* Fond sections alternées */
  --go-color-bg-muted:          #F2F2F3;  /* Cards, blocs secondaires */
  --go-color-gray-light:        #E8E8E9;  /* Bordures, séparateurs */
  --go-color-gray-medium:       #707173;  /* DS-001C : aligné sur --go-color-gray pour conformité WCAG AA 4.89:1 (ex-#9A9B9D = 2.78:1, sous le seuil 3:1 requis pour UI) */
  --go-color-gray:              #707173;  /* Texte courant non titre */
  --go-color-text:              #1A1A1A;  /* Corps de texte principal */
  --go-color-text-on-dark:      #FFFFFF;

  /* ---------- COULEURS SÉMANTIQUES ---------- */
  --go-color-success:           #1B8B5E;
  --go-color-success-bg:        #E6F5EE;
  --go-color-success-text:      #0E5C3D;

  --go-color-info:              #1565C0;
  --go-color-info-bg:           #E8F0FA;
  --go-color-info-text:         #0E3F7A;

  --go-color-warning:           #D89B00;
  --go-color-warning-bg:        #FFF6E0;
  --go-color-warning-text:      #7A5A00;

  --go-color-danger:            #C62828;
  --go-color-danger-bg:         #FBE8E8;
  --go-color-danger-text:       #8B1A1A;

  /* ---------- TYPOGRAPHIE ---------- */
  /* Police bâton sobre — stack système prioritaire, Inter en fallback Google Fonts si besoin */
  --go-font-sans:               "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "Liberation Sans", sans-serif;
  --go-font-mono:               "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  /* Tailles — échelle modulaire */
  --go-text-xs:                 12px;
  --go-text-sm:                 14px;
  --go-text-base:               16px;   /* minimum corps de texte */
  --go-text-lg:                 18px;
  --go-text-xl:                 22px;
  --go-text-2xl:                28px;
  --go-text-3xl:                36px;
  --go-text-4xl:                48px;

  /* Poids */
  --go-weight-regular:          400;
  --go-weight-medium:           500;
  --go-weight-semibold:         600;
  --go-weight-bold:             700;

  /* Hauteurs de ligne */
  --go-leading-tight:           1.2;
  --go-leading-normal:          1.5;
  --go-leading-relaxed:         1.6;

  /* ---------- ESPACEMENTS ---------- */
  --go-space-xs:                4px;
  --go-space-sm:                8px;
  --go-space-md:                16px;
  --go-space-lg:                24px;
  --go-space-xl:                32px;
  --go-space-2xl:               48px;
  --go-space-3xl:               80px;

  /* ---------- RAYONS ---------- */
  --go-radius-sm:               4px;
  --go-radius-md:               8px;
  --go-radius-lg:               12px;
  --go-radius-pill:             999px;

  /* ---------- OMBRES ---------- */
  --go-shadow-sm:               0 1px 2px rgba(19, 35, 91, 0.05);
  --go-shadow-md:               0 4px 12px rgba(19, 35, 91, 0.08);
  --go-shadow-lg:               0 10px 32px rgba(19, 35, 91, 0.12);
  --go-shadow-focus:            0 0 0 3px rgba(19, 35, 91, 0.18);

  /* ---------- CONTAINERS / LARGEURS ---------- */
  --go-container-narrow:        720px;   /* Contenu éditorial (lecture confortable) */
  --go-container:               1200px;  /* Site public standard */
  --go-container-wide:          1400px;  /* Outils admin / dashboard */

  /* ---------- DURATIONS / EASINGS ---------- */
  --go-duration-fast:           120ms;
  --go-duration-normal:         200ms;
  --go-ease-out:                cubic-bezier(0.16, 1, 0.3, 1);

  /* ---------- Z-INDEX SCALE ---------- */
  --go-z-base:                  1;
  --go-z-sticky:                10;
  --go-z-overlay:               100;
  --go-z-modal:                 1000;
  --go-z-toast:                 1100;
}

/* ----------------------------------------------------------
   Breakpoints recommandés (à utiliser dans les media queries)
   ----------------------------------------------------------
   Mobile      : >= 320px (base)
   Mobile L    : >= 480px
   Tablet      : >= 768px
   Desktop     : >= 1024px
   Desktop L   : >= 1440px
   ---------------------------------------------------------- */