:root {
  /* ==========================================================================
     GIC CLUB DES DESIGNERS (CDD) — TOKENS CSS OFFICIELS
     Référence visuelle maîtresse : GIC Club des Designers – Landing page professionnelle.png
     ========================================================================== */

  /* --- COULEURS FONDAMENTALES & MARQUE --- */
  --cdd-primary: #1B2A4A;             /* Bleu Marine Institutionnel CDD - Headers, navigation, conteneurs maîtres */
  --cdd-primary-dark: #0F172A;        /* Bleu Nuit Profond - Fond footer, hero sombre, contrastes max */
  --cdd-primary-light: #2D3E63;       /* Bleu Marine adouci - Survol et bordures subtiles */
  --cdd-secondary: #2563EB;          /* Bleu Électrique Fonctionnel - Accents interactifs, focus */
  --cdd-secondary-light: #3B82F6;    /* Bleu Actif - Badges, états sélectionnés */

  /* --- ACTIONS & ACCENTS (CONTRAT VISUEL) --- */
  --cdd-action-orange: #F97316;       /* Orange CDD - Actions principales, boutons primaires, validation */
  --cdd-action-orange-hover: #EA580C; /* Orange CDD au survol/appui */
  --cdd-action-orange-subtle: #FFF7ED;/* Fond orange très pâle pour alertes positives / tags */

  /* --- SURFACES, FONDS & NEUTRES --- */
  --cdd-bg-body: #F8FAFC;             /* Fond général de page (très pâle, aéré, moderne) */
  --cdd-surface-white: #FFFFFF;       /* Fond blanc pur pour cartes, modales et sections claires */
  --cdd-surface-card: #FFFFFF;        /* Surface carte par défaut */
  --cdd-surface-muted: #F1F5F9;       /* Surface neutre douce pour bandes alternées */
  --cdd-surface-input: #FFFFFF;       /* Fond des champs de formulaire */

  /* --- BORDURES & SÉPARATEURS --- */
  --cdd-border-light: #E2E8F0;        /* Bordure fine standard cartes et conteneurs */
  --cdd-border-medium: #CBD5E1;       /* Bordure champs inactifs */
  --cdd-border-dark: #94A3B8;         /* Bordure accentuée */

  /* --- ÉTATS SYSTÈME & FEEDBACK --- */
  --cdd-error: #DC2626;              /* Rouge alerte impératif (contrat client) */
  --cdd-error-bg: #FEF2F2;           /* Fond alerte rouge */
  --cdd-error-border: #FCA5A5;       /* Bordure alerte rouge */
  --cdd-success: #16A34A;            /* Vert validation / confirmation */
  --cdd-success-bg: #F0FDF4;         /* Fond validation */
  --cdd-warning: #D97706;            /* Ambre / attention */
  --cdd-warning-bg: #FFFBEB;         /* Fond attention */
  --cdd-info: #0284C7;               /* Bleu information */
  --cdd-info-bg: #F0F9FF;            /* Fond information */

  /* --- TYPOGRAPHIE & TEXTES --- */
  --cdd-text-main: #0F172A;          /* Texte principal (fort contraste, lisibilité maximale) */
  --cdd-text-muted: #475569;         /* Texte secondaire, sous-titres, aides */
  --cdd-text-light: #94A3B8;         /* Texte discret, placeholders, dates */
  --cdd-text-white: #FFFFFF;         /* Texte sur fond sombre/orange */

  --cdd-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --cdd-font-family-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;

  --cdd-font-size-xs: 0.75rem;       /* 12px */
  --cdd-font-size-sm: 0.875rem;      /* 14px */
  --cdd-font-size-base: 1rem;        /* 16px */
  --cdd-font-size-lg: 1.125rem;      /* 18px */
  --cdd-font-size-xl: 1.25rem;       /* 20px */
  --cdd-font-size-2xl: 1.5rem;       /* 24px - H3 */
  --cdd-font-size-3xl: 1.875rem;     /* 30px - H2 */
  --cdd-font-size-4xl: 2.25rem;      /* 36px - H1 Desktop standard */
  --cdd-font-size-5xl: 3rem;         /* 48px - Grand Hero Title */

  --cdd-font-weight-regular: 400;
  --cdd-font-weight-medium: 500;
  --cdd-font-weight-semibold: 600;
  --cdd-font-weight-bold: 700;

  --cdd-line-height-tight: 1.2;
  --cdd-line-height-normal: 1.5;
  --cdd-line-height-relaxed: 1.625;

  /* --- RAYONS DE COURBURE (SOFT ROUNDED STYLE) --- */
  --cdd-radius-sm: 0.25rem;          /* 4px - petits tags, inputs standards */
  --cdd-radius-md: 0.375rem;         /* 6px */
  --cdd-radius-lg: 0.5rem;           /* 8px - cartes standard, boutons arrondis */
  --cdd-radius-xl: 0.75rem;          /* 12px - grandes cartes, modales */
  --cdd-radius-2xl: 1rem;            /* 16px - conteneurs hero */
  --cdd-radius-full: 9999px;         /* Pastilles, badges et boutons pilule */

  /* --- ÉLÉVATION & OMBRES PORTÉES (MATTE & SUBTLE) --- */
  --cdd-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --cdd-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --cdd-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --cdd-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --cdd-shadow-orange: 0 4px 14px 0 rgba(249, 115, 22, 0.35); /* Halo bouton orange */

  /* --- ESPACEMENTS & GRILLE --- */
  --cdd-spacing-1: 0.25rem;          /* 4px */
  --cdd-spacing-2: 0.5rem;           /* 8px */
  --cdd-spacing-3: 0.75rem;          /* 12px */
  --cdd-spacing-4: 1rem;             /* 16px */
  --cdd-spacing-5: 1.25rem;          /* 20px */
  --cdd-spacing-6: 1.5rem;           /* 24px */
  --cdd-spacing-8: 2rem;             /* 32px */
  --cdd-spacing-10: 2.5rem;          /* 40px */
  --cdd-spacing-12: 3rem;            /* 48px */
  --cdd-spacing-16: 4rem;            /* 64px - respirations entre sections */

  --cdd-container-max: 1200px;
  --cdd-container-narrow: 800px;     /* Formulaire d'adhésion, paiement */

  /* --- CIBLES TACTILES & ACCESSIBILITÉ WCAG --- */
  --cdd-touch-min-size: 44px;        /* Cible tactile minimale conforme mobile */
  --cdd-focus-ring: 0 0 0 3px rgba(37, 99, 235, 0.35); /* Focus clavier visible */
}