/* ============================================================
   INTERTOUR — Design Tokens & Variables CSS
   Palette inspirée du logo : Vert, Orange, Blanc
   ============================================================ */

:root {
  /* --- Couleurs Primaires --- */
  --color-primary:       #0B9446;   /* Vert signature */
  --color-primary-light: #3FBF7A;   /* Vert clair */
  --color-primary-dark:  #077035;   /* Vert foncé */
  --color-primary-soft:  rgba(11, 148, 70, 0.12);

  /* --- Couleurs Secondaires (accent orange) --- */
  --color-accent:        #FAA002;   /* Orange signature */
  --color-accent-light:  #FFC04D;   /* Orange clair */
  --color-accent-dark:   #D08100;   /* Orange foncé */

  /* --- Couleurs Sombre --- */
  --color-dark:          #0A2A1C;   /* Vert nuit profond */
  --color-dark-alt:      #0E3421;   /* Variante sombre */
  --color-dark-card:     #062216;   /* Fond carte sombre */

  /* --- Neutres --- */
  --color-white:         #FFFFFF;
  --color-off-white:     #F6FAF7;   /* Blanc légèrement vert */
  --color-light-gray:    #F2F2F2;
  --color-mid-gray:      #9A9A9A;
  --color-dark-gray:     #3D3D3D;
  --color-text:          #2C2C2C;
  --color-text-light:    #6B7280;
  --color-text-muted:    #8A8F98;

  /* --- Couleurs Sémantiques --- */
  --color-success:       #27AE60;
  --color-warning:       #F39C12;
  --color-error:         #E74C3C;
  --color-info:          #2980B9;

  /* --- Dégradés --- */
  --gradient-primary:    linear-gradient(135deg, #0B9446 0%, #077035 100%);
  --gradient-dark:       linear-gradient(135deg, #0A2A1C 0%, #061D12 100%);
  --gradient-hero:       linear-gradient(180deg, rgba(10,42,28,0.5) 0%, rgba(6,29,18,0.85) 100%);
  --gradient-gold:       linear-gradient(135deg, #FFC04D 0%, #FAA002 50%, #D08100 100%);
  --gradient-overlay:    linear-gradient(to right, rgba(10,42,28,0.92) 40%, transparent 100%);

  /* --- Typographie --- */
  --font-heading:        'Outfit', 'Montserrat', sans-serif;
  --font-body:           'Inter', sans-serif;

  --font-size-xs:        0.75rem;
  --font-size-sm:        0.875rem;
  --font-size-base:      1rem;
  --font-size-md:        1.125rem;
  --font-size-lg:        1.25rem;
  --font-size-xl:        1.5rem;
  --font-size-2xl:       2rem;
  --font-size-3xl:       2.5rem;
  --font-size-4xl:       3rem;
  --font-size-5xl:       4rem;

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

  --line-height-tight:   1.2;
  --line-height-base:    1.6;
  --line-height-loose:   1.8;

  /* --- Espacements --- */
  --space-xs:    0.25rem;
  --space-sm:    0.5rem;
  --space-md:    1rem;
  --space-lg:    1.5rem;
  --space-xl:    2rem;
  --space-2xl:   3rem;
  --space-3xl:   4rem;
  --space-4xl:   6rem;
  --space-5xl:   8rem;

  /* --- Bordures & Rayons --- */
  --radius-sm:   0.375rem;
  --radius-md:   0.75rem;
  --radius-lg:   1.25rem;
  --radius-xl:   2rem;
  --radius-full: 9999px;

  /* --- Ombres --- */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.15);
  --shadow-lg:  0 10px 40px rgba(0,0,0,0.2);
  --shadow-xl:  0 20px 60px rgba(0,0,0,0.25);
  --shadow-gold: 0 8px 32px rgba(250,160,2,0.35);
  --shadow-card: 0 4px 24px rgba(0,0,0,0.12);

  /* --- Transitions --- */
  --transition-fast:   150ms ease;
  --transition-base:   300ms ease;
  --transition-slow:   500ms ease;
  --transition-spring: 400ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* --- Conteneur --- */
  --container-max:     1280px;
  --container-wide:    1440px;
  --container-narrow:  900px;
  --container-padding: 1.5rem;

  /* --- Z-index --- */
  --z-dropdown:  100;
  --z-sticky:    200;
  --z-overlay:   300;
  --z-modal:     400;
  --z-toast:     500;

  /* --- Navbar --- */
  --navbar-height: 72px;
}