/* ==========================================================================
   SAW (Swiss Active Workplace) — Design Tokens & Variables CSS
   Direction Artistique & UI Kit v1.0 — Gaby-Z
   ========================================================================== */

:root {
  /* --- PALETTE FÉDÉRALE & BASE --- */
  --saw-swiss-red: #D90429;
  --saw-swiss-red-hover: #B00320;
  --saw-swiss-red-active: #8D0219;
  --saw-swiss-red-light: #FFF0F2;
  --saw-swiss-red-border: #FDC7CE;

  --saw-navy-primary: #0D324D;
  --saw-navy-dark: #081E2E;
  --saw-navy-surface: #144266;
  --saw-navy-light: #EEF4F8;
  --saw-navy-border: #C5D7E4;

  /* --- COULEURS THÉMATIQUES PAR PÔLE (CHARTE DAVID CHASSOT) --- */
  /* 1. Fédération & Gouvernance */
  --saw-pole-federation: #2D6A4F;
  --saw-pole-federation-light: #EBF6F0;
  --saw-pole-federation-border: #B7DFCC;

  /* 2. Programmes & Activités */
  --saw-pole-programmes: #F77F00;
  --saw-pole-programmes-light: #FFF5EB;
  --saw-pole-programmes-border: #FCD8B0;

  /* 3. Événements & Calendrier */
  --saw-pole-evenements: #7209B7;
  --saw-pole-evenements-light: #F8EFFF;
  --saw-pole-evenements-border: #DDB8F7;

  /* 4. Membership & Tarifs */
  --saw-pole-membership: #D90429;
  --saw-pole-membership-light: #FFF0F2;
  --saw-pole-membership-border: #FDC7CE;

  /* 5. Ressources & Médias */
  --saw-pole-ressources: #008080;
  --saw-pole-ressources-light: #E6F5F5;
  --saw-pole-ressources-border: #A3DCDC;

  /* 6. Entreprises Membres & Réseau */
  --saw-pole-membres: #D4A373;
  --saw-pole-membres-light: #FDF8F3;
  --saw-pole-membres-border: #EED4BC;

  /* 7. Projets, Prévention & ESG */
  --saw-pole-projets: #52B788;
  --saw-pole-projets-light: #EFF9F4;
  --saw-pole-projets-border: #C1E8D5;

  /* 8. Actualités & Presse */
  --saw-pole-actualites: #3A5A78;
  --saw-pole-actualites-light: #F0F4F8;
  --saw-pole-actualites-border: #C8D7E6;

  /* 9. Hub Contact */
  --saw-pole-contact: #0A2540;
  --saw-pole-contact-light: #EEF2F6;
  --saw-pole-contact-border: #C6D3E1;

  /* 10. Reconnaissance Internationale (EFCS / WFCS) */
  --saw-pole-international: #1D70B8;
  --saw-pole-international-light: #EBF3FA;
  --saw-pole-international-border: #B9D7F0;

  /* --- FONDS, SURFACES & NEUTRES --- */
  --saw-bg-main: #FFFFFF;
  --saw-bg-subtle: #F8FAFC;
  --saw-bg-card: #FFFFFF;
  --saw-bg-dark: #081E2E;
  --saw-bg-darker: #05131E;

  --saw-text-main: #1E293B;
  --saw-text-muted: #64748B;
  --saw-text-light: #94A3B8;
  --saw-text-white: #FFFFFF;

  --saw-border-subtle: #E2E8F0;
  --saw-border-strong: #CBD5E1;

  /* --- TYPOGRAPHIE --- */
  --saw-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --saw-font-heading: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* --- OMBRES (ELEVATIONS) --- */
  --saw-shadow-xs: 0 1px 2px 0 rgba(13, 50, 77, 0.04);
  --saw-shadow-sm: 0 2px 4px 0 rgba(13, 50, 77, 0.06);
  --saw-shadow-md: 0 6px 12px -2px rgba(13, 50, 77, 0.08), 0 3px 6px -3px rgba(13, 50, 77, 0.05);
  --saw-shadow-lg: 0 12px 24px -4px rgba(13, 50, 77, 0.10), 0 6px 10px -4px rgba(13, 50, 77, 0.04);
  --saw-shadow-xl: 0 24px 38px -6px rgba(13, 50, 77, 0.14), 0 12px 16px -6px rgba(13, 50, 77, 0.08);

  /* --- RAYONS (BORDER RADIUS) --- */
  --saw-radius-xs: 4px;
  --saw-radius-sm: 8px;
  --saw-radius-md: 12px;
  --saw-radius-lg: 18px;
  --saw-radius-xl: 28px;
  --saw-radius-full: 9999px;

  /* --- TRANSITIONS --- */
  --saw-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --saw-transition-base: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --saw-transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}