/**
 * AIO-Pilot — Charte YOUTELL avec dark/light theme
 * 100% local — Zéro CDN externe
 * @since 2026-05-13 — ZIP v4
 *
 * COULEURS LOGO YOUTELL :
 *   Gris foncé : #3b3b3b   |   Gris clair : #808080
 *   Rouge : #e3001b   |   Bleu : #0080d0   |   Vert : #00b030
 *   Orange : #f09020  |   Violet : #8020c0
 *
 * THÈMES :
 *   data-theme="light" (défaut)  : fond clair, texte sombre
 *   data-theme="dark"            : fond sombre, texte clair
 *   Toggle via #darkModeToggle (stocké dans localStorage 'grc_theme' + cookie grc_theme)
 *   Cohérent avec le système existant de header.php
 */

/* ═════════════ FONTS LOCAL ═════════════ */
@font-face {
    font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap;
    src: url('/assets/fonts/dm-sans-latin-400-normal.woff2') format('woff2');
}
@font-face {
    font-family: 'DM Sans'; font-style: normal; font-weight: 500; font-display: swap;
    src: url('/assets/fonts/dm-sans-latin-500-normal.woff2') format('woff2');
}
@font-face {
    font-family: 'DM Sans'; font-style: normal; font-weight: 600; font-display: swap;
    src: url('/assets/fonts/dm-sans-latin-600-normal.woff2') format('woff2');
}
@font-face {
    font-family: 'DM Sans'; font-style: normal; font-weight: 700; font-display: swap;
    src: url('/assets/fonts/dm-sans-latin-700-normal.woff2') format('woff2');
}
@font-face {
    font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap;
    src: url('/assets/fonts/inter-latin-400-normal.woff2') format('woff2');
}
@font-face {
    font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap;
    src: url('/assets/fonts/inter-latin-500-normal.woff2') format('woff2');
}
@font-face {
    font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap;
    src: url('/assets/fonts/inter-latin-600-normal.woff2') format('woff2');
}
@font-face {
    font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap;
    src: url('/assets/fonts/inter-latin-700-normal.woff2') format('woff2');
}
@font-face {
    font-family: 'Outfit'; font-style: normal; font-weight: 600; font-display: swap;
    src: url('/assets/fonts/outfit-latin-600-normal.woff2') format('woff2');
}
@font-face {
    font-family: 'Outfit'; font-style: normal; font-weight: 700; font-display: swap;
    src: url('/assets/fonts/outfit-latin-700-normal.woff2') format('woff2');
}
@font-face {
    font-family: 'Outfit'; font-style: normal; font-weight: 800; font-display: swap;
    src: url('/assets/fonts/outfit-latin-800-normal.woff2') format('woff2');
}
@font-face {
    font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap;
    src: url('/assets/fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2');
}
@font-face {
    font-family: 'JetBrains Mono'; font-style: normal; font-weight: 600; font-display: swap;
    src: url('/assets/fonts/jetbrains-mono-latin-600-normal.woff2') format('woff2');
}

/* ═════════════ THÈME CLAIR (DÉFAUT) ═════════════ */
:root {
    /* Logo YOUTELL — couleurs invariantes */
    --yt-red:        #e3001b;
    --yt-blue:       #0080d0;
    --yt-blue-l:     #4ba8e0;
    --yt-blue-d:     #006bb3;
    --yt-green:      #00b030;
    --yt-green-l:    #2dc650;
    --yt-orange:     #f09020;
    --yt-orange-l:   #f5a849;
    --yt-purple:     #8020c0;
    --yt-purple-l:   #a04dd6;

    /* Thème clair */
    --yt-bg:         #ffffff;
    --yt-bg-soft:    #f5f6f8;
    --yt-bg-card:    #ffffff;
    --yt-bg-hover:   #f0f2f5;
    --yt-bg-elev:    #ffffff;
    --yt-text:       #1a1a1a;
    --yt-text-2:     #4a4a4a;
    --yt-text-3:     #707070;
    --yt-gray:       #808080;
    --yt-gray-l:     #a0a0a0;
    --yt-line:       #e2e5e9;
    --yt-line-soft:  #eef0f3;
    --yt-shadow:     0 1px 3px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04);
    --yt-shadow-md:  0 4px 12px rgba(0,0,0,.08), 0 12px 32px rgba(0,0,0,.06);
    --yt-navbar-bg:  rgba(255,255,255,.92);
    --yt-footer-bg:  #3b3b3b;
    --yt-footer-text:rgba(255,255,255,.7);

    /* Typographie */
    --yt-font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --yt-font-display: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --yt-font-mono:    'JetBrains Mono', 'Consolas', 'SF Mono', 'Courier New', monospace;

    /* Alias compatibilité ancienne charte --cg-* */
    --cg-ink:        var(--yt-bg);
    --cg-ink-2:      var(--yt-bg-soft);
    --cg-ink-3:      var(--yt-bg-hover);
    --cg-gold:       var(--yt-blue);
    --cg-gold-light: var(--yt-blue-l);
    --cg-gold-pale:  rgba(0,128,208,.08);
    --cg-cyan:       var(--yt-green);
    --cg-cyan-light: var(--yt-green);
    --cg-paper:      var(--yt-bg);
    --cg-muted:      var(--yt-gray);
    --cg-text-dark:  var(--yt-text);
    --cg-line:       var(--yt-line);
    --cg-line-soft:  var(--yt-line-soft);
}

/* ═════════════ THÈME SOMBRE ═════════════ */
[data-theme="dark"] {
    --yt-bg:         #0f1117;
    --yt-bg-soft:    #1a1d26;
    --yt-bg-card:    #1e222d;
    --yt-bg-hover:   #252a36;
    --yt-bg-elev:    #2a2f3c;
    --yt-text:       #e8e8e8;
    --yt-text-2:     #b8b8b8;
    --yt-text-3:     #8a8a8a;
    --yt-gray:       #707070;
    --yt-gray-l:     #555555;
    --yt-line:       #2d3348;
    --yt-line-soft:  #232838;
    --yt-shadow:     0 1px 3px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.3);
    --yt-shadow-md:  0 4px 12px rgba(0,0,0,.5), 0 12px 32px rgba(0,0,0,.4);
    --yt-navbar-bg:  rgba(15,17,23,.92);
    --yt-footer-bg:  #0a0c12;
    --yt-footer-text:rgba(255,255,255,.6);

    /* Accents : on garde les mêmes couleurs YOUTELL mais éclaircies pour le dark */
    --yt-blue-d:     #2196f1;  /* lighter on dark */
}