/**
 * Graphic Ouest — Design System (namespace --go-*)
 * ------------------------------------------------
 * Fichier introduit progressivement. NE REMPLACE PAS les tokens
 * --color-* existants : cohabite avec design-tokens.css et style.css.
 *
 * Doit être enqueue AVANT tout autre style (priorité 1) pour que
 * les variables --go-* soient disponibles partout.
 *
 * Version : 1.0.0 (2026-07-17)
 */

:root {
  /* ------------------------------------------------
   * COULEURS — Palette Graphic Ouest
   * ------------------------------------------------ */
  --go-blue:              #13235B;
  --go-blue-soft:         #1e326e;
  --go-blue-line:         rgba(19, 35, 91, 0.12);
  --go-blue-tint:         rgba(19, 35, 91, 0.06);

  --go-orange:            #F29400;
  --go-orange-soft:       #ffb037;
  --go-orange-tint:       rgba(242, 148, 0, 0.10);

  --go-cream:             #FBF8F0;
  --go-white:             #FFFFFF;
  --go-black:             #0A0A0A;

  --go-gray-900:          #1a1a1a;
  --go-gray-700:          #3d3d3d;
  --go-gray-500:          #6b6b6b;
  --go-gray-300:          #c9c9c9;
  --go-gray-100:          #f2f2f2;

  /* Contextuels */
  --go-surface:           var(--go-white);
  --go-surface-alt:       var(--go-cream);
  --go-text:              var(--go-blue);
  --go-text-muted:        var(--go-gray-500);
  --go-accent:            var(--go-orange);

  /* ------------------------------------------------
   * TYPOGRAPHIE — Lato uniquement (Syne retiré)
   * ------------------------------------------------ */
  --go-font-body:         'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --go-font-display:      'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --go-font-mono:         'SF Mono', Menlo, Consolas, monospace;

  /* Échelle fluide */
  --go-text-xs:           clamp(0.75rem, 0.72rem + 0.15vw, 0.82rem);
  --go-text-sm:           clamp(0.85rem, 0.82rem + 0.15vw, 0.95rem);
  --go-text-base:         clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --go-text-lg:           clamp(1.15rem, 1.05rem + 0.5vw, 1.35rem);
  --go-text-xl:           clamp(1.4rem, 1.2rem + 1vw, 1.8rem);
  --go-text-2xl:          clamp(1.8rem, 1.4rem + 2vw, 2.6rem);
  --go-text-hero:         clamp(2.4rem, 1.6rem + 4vw, 4.5rem);

  --go-leading-tight:     1.15;
  --go-leading-snug:      1.35;
  --go-leading-normal:    1.55;
  --go-leading-relaxed:   1.7;

  --go-tracking-tight:    -0.02em;
  --go-tracking-normal:   0;
  --go-tracking-wide:     0.08em;

  --go-weight-regular:    400;
  --go-weight-medium:     500;
  --go-weight-bold:       700;
  --go-weight-black:      900;

  /* ------------------------------------------------
   * ESPACEMENTS — Rythme cohérent
   * ------------------------------------------------ */
  --go-space-1:           4px;
  --go-space-2:           8px;
  --go-space-3:           12px;
  --go-space-4:           16px;
  --go-space-5:           24px;
  --go-space-6:           32px;
  --go-space-8:           48px;
  --go-space-10:          64px;
  --go-space-12:          96px;

  --go-space-section:     clamp(4rem, 3rem + 5vw, 8rem);
  --go-space-container:   clamp(1.25rem, 1rem + 2vw, 2.5rem);

  /* ------------------------------------------------
   * RAYONS
   * ------------------------------------------------ */
  --go-radius-sm:         5px;
  --go-radius-md:         5px;
  --go-radius-lg:         5px;
  --go-radius-xl:         8px;
  --go-radius-full:       9999px;
  --go-radius-pill:       999px;

  /* ------------------------------------------------
   * OMBRES
   * ------------------------------------------------ */
  --go-shadow-sm:         0 1px 2px rgba(19, 35, 91, 0.08);
  --go-shadow-md:         0 6px 16px -4px rgba(19, 35, 91, 0.12);
  --go-shadow-lg:         0 20px 40px -20px rgba(19, 35, 91, 0.22);
  --go-shadow-xl:         0 32px 64px -30px rgba(19, 35, 91, 0.30);

  /* ------------------------------------------------
   * MOTION
   * ------------------------------------------------ */
  --go-duration-fast:     150ms;
  --go-duration-normal:   250ms;
  --go-duration-slow:     400ms;

  --go-ease-out:          cubic-bezier(0.16, 1, 0.3, 1);
  --go-ease-in-out:       cubic-bezier(0.65, 0, 0.35, 1);

  /* ------------------------------------------------
   * LAYOUT
   * ------------------------------------------------ */
  --go-container-max:     1200px;
  --go-container-wide:    1440px;

  /* ------------------------------------------------
   * Z-INDEX
   * ------------------------------------------------ */
  --go-z-base:            0;
  --go-z-raised:          10;
  --go-z-nav:             100;
  --go-z-overlay:         1000;
  --go-z-modal:           2000;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --go-duration-fast:   0ms;
    --go-duration-normal: 0ms;
    --go-duration-slow:   0ms;
  }
}