/**
 * CSS Variables
 *
 * Define global CSS custom properties.
 *
 *
 */

:root body {
    --font-family-fallback       : 'Montserrat', sans-serif;

    --container-primary-width    : 1280px;
    --container-secondary-width    : 900px;

    /* ============================ */
    /* Colors */
    /* ============================ */
    --color-primary              : var(--e-global-color-primary, #1f1f1f);
    --color-secondary            : var(--e-global-color-secondary, #54595f);
    --color-accent               : var(--e-global-color-accent, #F36E20);

    --color-text                 : var(--e-global-color-text, #737373);
    --color-text-light           : #FFFFFF;
    --color-text-dark            : #000000;

    /* Psyrates — couleurs complémentaires */
    --color-highlight            : #2470DB; /* Bleu hover/liens (--highlight maquette) */
    --color-text-muted           : #737373; /* Texte atténué */
    --color-border               : #EBEBEB; /* Bordures légères */
    --color-cta-hover            : #E95D0C; /* Orange CTA au survol */

    --color-bg-light             : #F5F5F5; /* hsl(0 0% 96%) */
    --color-bg-page              : #FAFAFA; /* hsl(0 0% 98%) — fond body */
    --color-bg-dark              : #1F1F1F; /* hsl(0 0% 12%) — header/footer */

    --highlight: 215 72% 50%;

    /* ============================ */
    /*  Typography */
    /* ============================ */
    /* --- PRIMARY --- */
    --font-family-primary        : var(--e-global-typography-primary-font-family, var(--font-family-fallback));
    --font-size-primary          : var(--e-global-typography-primary-font-size);
    --font-weight-primary        : var(--e-global-typography-primary-font-weight);
    --font-line-height-primary   : var(--e-global-typography-primary-line-height);
    --font-primary               : var(--font-weight-primary) var(--font-size-primary) / var(--font-line-height-primary) var(--font-family-primary);

    /* --- SECONDARY --- */
    --font-family-secondary      : var(--e-global-typography-secondary-font-family, var(--font-family-fallback));
    --font-size-secondary        : var(--e-global-typography-secondary-font-size);
    --font-weight-secondary      : var(--e-global-typography-secondary-font-weight);
    --font-line-height-secondary : var(--e-global-typography-secondary-line-height);
    --font-secondary             : var(--font-weight-secondary) var(--font-size-secondary) / var(--font-line-height-secondary) var(--font-family-secondary);

    /* --- TEXT --- */
    --font-family-text           : var(--e-global-typography-text-font-family, var(--font-family-fallback));
    --font-size-text             : var(--e-global-typography-text-font-size);
    --font-weight-text           : var(--e-global-typography-text-font-weight);
    --font-line-height-text      : var(--e-global-typography-text-line-height);
    --font-text                  : var(--font-weight-text) var(--font-size-text) / var(--font-line-height-text) var(--font-family-text);

    /* --- ACCENT --- */
    --font-family-accent         : var(--e-global-typography-accent-font-family, var(--font-family-fallback));
    --font-size-accent           : var(--e-global-typography-accent-font-size);
    --font-weight-accent         : var(--e-global-typography-accent-font-weight);
    --font-line-height-accent    : var(--e-global-typography-accent-line-height);
    --font-accent                : var(--font-weight-accent) var(--font-size-accent) / var(--font-line-height-accent) var(--font-family-accent);


    /* ============================ */
    /*  Transitions */
    /* ============================ */
    --transition-fast            : 0.15s;
    --transition-normal          : 0.3s;
    --transition-slow            : 0.8s;
}