/* ==========================================================================
   VARIABLES.CSS — Jetons de design
   Préfecture de Police du Grand Paname RP
   ========================================================================== */

:root {
  /* --- Couleurs institutionnelles --- */
  --gp-blue: #000091;          /* Bleu République */
  --gp-blue-dark: #00006e;
  --gp-blue-light: #e5e5f7;    /* Fond bleu très clair */
  --gp-blue-hover: #1212ff;
  --gp-red: #c9191e;           /* Rouge discret, accents uniquement */
  --gp-white: #ffffff;
  --gp-gray-50: #f6f6f8;
  --gp-gray-100: #eeeef2;
  --gp-gray-200: #e1e1e6;
  --gp-gray-400: #a3a3ab;
  --gp-gray-600: #666670;
  --gp-gray-800: #2c2c34;
  --gp-black: #1b1b1f;

  /* --- Texte --- */
  --gp-text: #1b1b24;
  --gp-text-muted: #55555f;
  --gp-text-inverse: #ffffff;

  /* --- Typographie --- */
  --gp-font-base: 'Public Sans', 'Marianne', 'Inter', 'Source Sans Pro', system-ui, -apple-system, sans-serif;
  --gp-font-display: 'Public Sans', 'Marianne', 'Inter', sans-serif;

  --gp-fs-xs: 0.8125rem;
  --gp-fs-sm: 0.9375rem;
  --gp-fs-base: 1rem;
  --gp-fs-lg: 1.125rem;
  --gp-fs-xl: 1.375rem;
  --gp-fs-2xl: 1.75rem;
  --gp-fs-3xl: 2.25rem;
  --gp-fs-4xl: 3rem;

  /* --- Espacements --- */
  --gp-space-1: 0.25rem;
  --gp-space-2: 0.5rem;
  --gp-space-3: 1rem;
  --gp-space-4: 1.5rem;
  --gp-space-5: 2.5rem;
  --gp-space-6: 4rem;
  --gp-space-7: 6rem;

  /* --- Rayons & ombres --- */
  --gp-radius-sm: 2px;
  --gp-radius-md: 4px;
  --gp-radius-lg: 8px;
  --gp-shadow-sm: 0 1px 3px rgba(0, 0, 24, 0.08);
  --gp-shadow-md: 0 4px 16px rgba(0, 0, 24, 0.10);
  --gp-shadow-lg: 0 12px 32px rgba(0, 0, 24, 0.14);

  /* --- Transitions --- */
  --gp-transition-fast: 150ms ease;
  --gp-transition-base: 250ms ease;

  /* --- Structure --- */
  --gp-header-height: 140px;
  --gp-band-height: 4px;
  --gp-container-max: 1200px;
}