/* ==========================================================
   ACTIV'INTÉRIM — VARIABLES GLOBALES
   Fichier : css/variables.css
   Version : 3.5.0

   🟢 MODIFICATION SANS RISQUE
   Ce fichier centralise l'identité visuelle du projet.

   Vous pouvez modifier ici :
   - les couleurs ;
   - les espacements ;
   - les arrondis ;
   - les ombres ;
   - les durées d'animation.

   Toute l'application utilisera automatiquement ces valeurs.
========================================================== */

:root {
    /* ----------------------------------------------------------
       COULEURS OFFICIELLES ET COULEURS D'INTERFACE
       Le rouge reprend l'identité du logo Activ'Intérim.
    ---------------------------------------------------------- */
    --color-primary: #111318;
    --color-primary-soft: #242830;

    --color-accent: #e31b23;
    --color-accent-dark: #bd1118;
    --color-accent-soft: rgba(227, 27, 35, 0.10);

    --color-background: #ffffff;
    --color-background-muted: #f6f6f4;
    --color-background-warm: #fbfaf8;
    --color-surface: #ffffff;
    --color-surface-dark: #181b20;

    --color-text: #17191d;
    --color-text-soft: #626872;
    --color-text-on-dark: #f7f7f5;
    --color-text-soft-on-dark: #b9bec7;

    --color-border: #dedfdf;
    --color-border-dark: rgba(255, 255, 255, 0.13);
    --color-white: #ffffff;

    /* ----------------------------------------------------------
       TYPOGRAPHIE
    ---------------------------------------------------------- */
    --font-family-base: "Inter", -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif;

    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: clamp(2.5rem, 6.5vw, 5.7rem);
    --font-size-section-title: clamp(2rem, 4vw, 3.6rem);

    --line-height-tight: 1.02;
    --line-height-base: 1.65;

    /* ----------------------------------------------------------
       ESPACEMENTS
    ---------------------------------------------------------- */
    --space-2xs: 0.25rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 5rem;
    --space-4xl: 7rem;
    --space-5xl: 9rem;

    /* ----------------------------------------------------------
       DIMENSIONS
    ---------------------------------------------------------- */
    --container-width: 1180px;
    --header-height: 88px;
    --logo-width: 168px;

    /* ----------------------------------------------------------
       ARRONDIS
    ---------------------------------------------------------- */
    --radius-sm: 10px;
    --radius-md: 18px;
    --radius-lg: 30px;
    --radius-pill: 999px;

    /* ----------------------------------------------------------
       OMBRES
    ---------------------------------------------------------- */
    --shadow-sm: 0 10px 30px rgba(17, 19, 24, 0.07);
    --shadow-md: 0 24px 70px rgba(17, 19, 24, 0.13);
    --shadow-hover: 0 28px 70px rgba(17, 19, 24, 0.15);

    /* ----------------------------------------------------------
       ANIMATIONS
    ---------------------------------------------------------- */
    --transition-fast: 160ms ease;
    --transition-base: 280ms cubic-bezier(0.2, 0.8, 0.2, 1);
}