/*
 * Design Tokens — Tille & Venelle
 *
 * Semantic aliases that point to Elementor Global Colors / Fonts.
 * Single source of truth stays in Elementor → Site Settings → Design System.
 */

:root {
    /* Colors — aliased from Elementor Global Colors, with hard fallbacks for
       pages where the Elementor frontend stylesheet is not loaded (e.g. pure
       PHP templates such as single-decibelles_offre.php). */
    --tv-color-coral:        var(--e-global-color-primary, #EE7160);
    --tv-color-cream:        var(--e-global-color-secondary, #F6E7CB);
    --tv-color-text:         var(--e-global-color-text, #000000);
    --tv-color-green:        var(--e-global-color-accent, #66A386);
    --tv-color-green-dark:   var(--e-global-color-c061e80, #315B47);
    --tv-color-white:        var(--e-global-color-352c6fd, #FFFFFF);

    /* Typography — aliased from Elementor Global Fonts, with web-safe fallbacks. */
    --tv-font-heading:       var(--e-global-typography-primary-font-family,   "Lexend Deca", sans-serif);
    --tv-font-display:       var(--e-global-typography-secondary-font-family, "Lexend Exa", sans-serif);
    --tv-font-body:          var(--e-global-typography-text-font-family,      "Work Sans", sans-serif);
    --tv-font-accent:        var(--e-global-typography-accent-font-family,    "Lexend Deca", sans-serif);

    /* Spacing scale */
    --tv-space-1: 0.25rem;
    --tv-space-2: 0.5rem;
    --tv-space-3: 0.75rem;
    --tv-space-4: 1rem;
    --tv-space-6: 1.5rem;
    --tv-space-8: 2rem;
    --tv-space-12: 3rem;
    --tv-space-16: 4rem;

    /* Radii */
    --tv-radius-sm: 4px;
    --tv-radius-md: 8px;
    --tv-radius-lg: 16px;

    /* Breakpoints — for reference in media queries */
    /* mobile: <768px, tablet: 768-1024px, desktop: >=1024px */
}