:root {
    /******************* Fonts *******************/
    --main-font: "gopher", sans-serif;
    --title-font: "dm-serif-text", serif;

    /*************** Fonts weight ***************/
    --light: 300;
    --regular: 400;
    --medium: 500;
    --semibold: 600;
    --bold: 700;
    --extrabold: 900;

    /***************** Colors — marque Naturéa *******************/
    --dark: #000;
    --white: #fff;
    --grey: #f5f5f5;

    --color-primary: #D4966B;
    /* apricot — CTA, accents, liens */
    --color-primary-tint: rgba(244, 145, 100, .12);
    /* apricot-tint — fonds légers (pastille, badges) */
    --color-secondary: #192811;
    /* dark-green — texte principal, fonds sombres (panneaux) */
    --color-secondary-muted: #345327;
    /* green — texte secondaire, badges d'icônes */
    --color-bg: #FBF3E8;
    /* cream — fond de page / section par défaut */
    --color-bg-dark: #0B1408;
    /* brand-black — fond le plus sombre (footer) */

    /* Linear-gradient */
    --main-gradient: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);

    /****************** Others ******************/
    --border-radius: 20px;
    --border-radius-lg: 18px;
    --border-radius-xl: 32px;
    /* Carte formulaire "Postuler" (lovable/src/components/postuler/PostulerForm.tsx, rounded-[32px]) */
    --border-radius-full: 999px;
    --transition: all 0.3s ease;
    --transition-slow: all 0.5s ease;

    /****************** Containers ******************/
    /* Devices < 576px */
    --container-sm: 540px;
    /* Devices < 768px */
    --container-md: 720px;
    /* Devices  < 992px */
    --container-lg: 960px;
    /* Devices < 1200px */
    --container-xl: 1140px;
    /* Devices < 1400px */
    --container-xxl: 1320px;

    /* Gutter des containers */
    --gutter-x: 1.5rem;
    --gutter-y: 0;
}