/**
 * Yellow Diligence
 * Variables globales du thème.
 *
 * Ce fichier ne contient volontairement aucun style de composant.
 * Il constitue la charte graphique centrale du site.
 */

:root {

    /* ================================================================
       Couleurs principales
       ================================================================ */

    --yd-black: #080908;
--yd-anthracite: #111311;
    --yd-anthracite-light: #181b18;
--yd-green: #25733b;
    --yd-green-light: #369451;
--yd-yellow: #f2b705;
    --yd-yellow-light: #ffd23f;
    --yd-yellow-dark: #b98c04;

    --yd-red: #c8322b;
    --yd-red-light: #e54b43;
--yd-paper: #e6d2a3;
--yd-white: #f4f0e6;
    --yd-white-pure: #ffffff;

    --yd-grey: #a6aaa4;
    --yd-grey-light: #c7cac5;
    --yd-grey-dark: #676d67;


    /* ================================================================
       Couleurs avec transparence
       ================================================================ */
--yd-white-75: rgba(244, 240, 230, 0.75);
--yd-white-15: rgba(244, 240, 230, 0.15);
    --yd-white-08: rgba(244, 240, 230, 0.08);
    --yd-white-04: rgba(244, 240, 230, 0.04);

    --yd-green-20: rgba(37, 115, 59, 0.20);
    --yd-green-40: rgba(37, 115, 59, 0.40);

    --yd-yellow-15: rgba(242, 183, 5, 0.15);
    --yd-yellow-25: rgba(242, 183, 5, 0.25);
    --yd-yellow-50: rgba(242, 183, 5, 0.50);

    --yd-red-20: rgba(200, 50, 43, 0.20);
    --yd-red-40: rgba(200, 50, 43, 0.40);


    /* ================================================================
       Couleurs sémantiques
       ================================================================ */

    --yd-background: var(--yd-anthracite);
    --yd-background-deep: var(--yd-black);
--yd-text: var(--yd-white);
    --yd-text-muted: var(--yd-grey-light);

    --yd-heading: var(--yd-white-pure);

    --yd-link: var(--yd-yellow);
    --yd-link-hover: var(--yd-yellow-light);

    --yd-border: var(--yd-white-15);
    --yd-border-subtle: var(--yd-white-08);

    --yd-focus: var(--yd-yellow);


    /* ================================================================
       Dégradés
       ================================================================ */

    --yd-gradient-reggae:
        linear-gradient(
            90deg,
            var(--yd-green) 0%,
            var(--yd-green) 33.333%,
            var(--yd-yellow) 33.333%,
            var(--yd-yellow) 66.666%,
            var(--yd-red) 66.666%,
            var(--yd-red) 100%
        );
--yd-gradient-hero:
        linear-gradient(
            90deg,
            rgba(8, 9, 8, 0.88) 0%,
            rgba(8, 9, 8, 0.60) 42%,
            rgba(8, 9, 8, 0.20) 75%,
            rgba(8, 9, 8, 0.12) 100%
        );
/* ================================================================
       Typographies
       ================================================================ */

    --yd-font-display:
        "Barlow Condensed",
        "Arial Narrow",
        Arial,
        sans-serif;

    --yd-font-body:
        "Inter",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    --yd-font-monospace:
        "SFMono-Regular",
        Consolas,
        "Liberation Mono",
        monospace;


    /* ================================================================
       Tailles typographiques
       ================================================================

       clamp() permet une évolution fluide entre smartphone et desktop.
       ================================================================ */

    --yd-font-xs: 0.75rem;
    --yd-font-sm: 0.875rem;
    --yd-font-md: 1rem;
--yd-heading-small:
        clamp(1.5rem, 3vw, 2rem);

    --yd-heading-medium:
        clamp(2rem, 5vw, 3.5rem);

    --yd-heading-large:
        clamp(3rem, 8vw, 6rem);

    --yd-heading-hero:
        clamp(4rem, 13vw, 10rem);


    /* ================================================================
       Graisses
       ================================================================ */

    --yd-weight-regular: 400;
--yd-weight-semibold: 600;
    --yd-weight-bold: 700;
    --yd-weight-extrabold: 800;
    --yd-weight-black: 900;


    /* ================================================================
       Hauteurs de ligne
       ================================================================ */
--yd-line-heading: 1.05;
    --yd-line-normal: 1.6;
    --yd-line-relaxed: 1.8;


    /* ================================================================
       Espacement des lettres
       ================================================================ */

    --yd-tracking-tight: -0.035em;
--yd-tracking-wide: 0.08em;
    --yd-tracking-wider: 0.15em;
    --yd-tracking-ultra: 0.25em;


    /* ================================================================
       Espacements
       ================================================================ */

    --yd-space-1: 0.25rem;
--yd-section-space:
        clamp(2.75rem, 4vw, 3.75rem);

    --yd-container-padding:
        clamp(1rem, 4vw, 2rem);


    /* ================================================================
       Dimensions
       ================================================================ */

    --yd-navbar-height: 5rem;

    --yd-container-max: 1320px;

    --yd-content-narrow: 760px;
    --yd-content-medium: 960px;

    --yd-button-height: 3.25rem;

    --yd-back-to-top-size: 3.25rem;


    /* ================================================================
       Bordures
       ================================================================ */

    --yd-border-width: 1px;
--yd-radius-xs: 0.25rem;
    --yd-radius-sm: 0.5rem;
    --yd-radius-md: 0.875rem;
    --yd-radius-lg: 1.25rem;
    --yd-radius-xl: 2rem;

    --yd-radius-pill: 999px;


    /* ================================================================
       Ombres
       ================================================================ */
--yd-shadow-sm:
        0 6px 20px rgba(0, 0, 0, 0.20);

    --yd-shadow-md:
        0 14px 40px rgba(0, 0, 0, 0.28);

    --yd-shadow-lg:
        0 24px 70px rgba(0, 0, 0, 0.38);

    --yd-shadow-yellow:
        0 10px 35px rgba(242, 183, 5, 0.18);
/* ================================================================
       Transitions
       ================================================================ */

    --yd-duration-fast: 160ms;
    --yd-duration-normal: 280ms;
    --yd-duration-slow: 500ms;

    --yd-ease:
        cubic-bezier(0.2, 0.7, 0.2, 1);

    --yd-ease-out:
        cubic-bezier(0.16, 1, 0.3, 1);
--yd-transition-fast:
        var(--yd-duration-fast) var(--yd-ease);

    --yd-transition:
        var(--yd-duration-normal) var(--yd-ease);

    --yd-transition-slow:
        var(--yd-duration-slow) var(--yd-ease-out);


    /* ================================================================
       Z-index
       ================================================================

       Une échelle volontairement courte évite les z-index absurdes
       à 999999.
       ================================================================ */

    --yd-z-background: -1;
    --yd-z-content: 1;
    --yd-z-decoration: 2;
--yd-z-navbar: 100;
    --yd-z-back-to-top: 110;
/* ================================================================
       Effets
       ================================================================ */

    --yd-navbar-blur: 14px;
/* ================================================================
       Bootstrap
       ================================================================

       Quelques variables Bootstrap sont redéfinies afin que les
       composants natifs héritent immédiatement de notre identité.
       ================================================================ */

    --bs-body-font-family: var(--yd-font-body);

    --bs-body-bg: var(--yd-background);
    --bs-body-color: var(--yd-text);

    --bs-primary: var(--yd-yellow);
    --bs-primary-rgb: 242, 183, 5;

    --bs-link-color: var(--yd-link);
    --bs-link-hover-color: var(--yd-link-hover);

    --bs-border-color: var(--yd-border);

    --bs-border-radius: var(--yd-radius-sm);
    --bs-border-radius-lg: var(--yd-radius-lg);
}


/* ====================================================================
   Mode mouvement réduit
   ====================================================================

   La variable devient quasiment instantanée. Les animations décoratives
   seront également explicitement supprimées dans animations.css.
   ==================================================================== */

@media (prefers-reduced-motion: reduce) {

    :root {
        --yd-duration-fast: 1ms;
        --yd-duration-normal: 1ms;
        --yd-duration-slow: 1ms;

        --yd-transition-fast: none;
        --yd-transition: none;
        --yd-transition-slow: none;
    }

}