/* ===== DARK ===== */
.sys-hdr-theme-dark {
    --hdr-bg: linear-gradient(135deg,#0a3a78 0%,#0b4a87 45%,#08315f 100%);
    --hdr-fg: rgba(255,255,255,.92);
    --hdr-pattern-1: rgba(255,255,255,.10);
    --hdr-pattern-2: rgba(255,255,255,.07);
    --hdr-btn-border: rgba(255,255,255,.28);
    --hdr-btn-hover: rgba(255,255,255,.12);
    --hdr-btn-border-hover: rgba(255,255,255,.40);
    --hdr-hr: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.45), rgba(255,255,255,0));
    --hdr-glass-bg: rgba(255,255,255,.08);
    --hdr-glass-border: rgba(255,255,255,.25);
    --hdr-glass-bg-hover: rgba(255,255,255,.12);
    --hdr-glass-border-hover: rgba(255,255,255,.35);
}

/* ===== LIGHT ===== */
.sys-hdr-theme-light {
    --hdr-bg: linear-gradient(135deg,#e9f3fb 0%, #cfe5f7 55%, #b9d8ee 100%);
    --hdr-fg: rgba(10,30,55,.92);
    --hdr-pattern-1: rgba(255,255,255,.55);
    --hdr-pattern-2: rgba(255,255,255,.35);
    --hdr-btn-border: rgba(10,30,55,.20);
    --hdr-btn-hover: rgba(10,30,55,.06);
    --hdr-btn-border-hover: rgba(10,30,55,.28);
    --hdr-hr: linear-gradient(90deg, rgba(10,30,55,0), rgba(10,30,55,.22), rgba(10,30,55,0));
    --hdr-glass-bg: rgba(255,255,255,.45);
    --hdr-glass-border: rgba(10,30,55,.10);
    --hdr-glass-bg-hover: rgba(255,255,255,.60);
    --hdr-glass-border-hover: rgba(10,30,55,.16);
}

/* ===== GRAY ===== */
.sys-hdr-theme-gray {
    --hdr-bg: linear-gradient(135deg,#f2f4f7 0%, #e7eaef 55%, #dde2ea 100%);
    --hdr-fg: rgba(30,35,45,.92);
    --hdr-pattern-1: rgba(255,255,255,.65);
    --hdr-pattern-2: rgba(255,255,255,.45);
    --hdr-btn-border: rgba(30,35,45,.18);
    --hdr-btn-hover: rgba(30,35,45,.06);
    --hdr-btn-border-hover: rgba(30,35,45,.26);
    --hdr-hr: linear-gradient(90deg, rgba(30,35,45,0), rgba(30,35,45,.18), rgba(30,35,45,0));
    --hdr-glass-bg: rgba(255,255,255,.55);
    --hdr-glass-border: rgba(30,35,45,.10);
    --hdr-glass-bg-hover: rgba(255,255,255,.70);
    --hdr-glass-border-hover: rgba(30,35,45,.14);
}

.sys-hdr-theme-teal {
    --hdr-bg: linear-gradient(135deg,#0b2b4c 0%, #0b4a64 45%, #0a6a6f 100%);
    --hdr-fg: rgba(255,255,255,.92);
    --hdr-pattern-1: rgba(255,255,255,.10);
    --hdr-pattern-2: rgba(255,255,255,.07);
    --hdr-btn-border: rgba(255,255,255,.26);
    --hdr-btn-hover: rgba(255,255,255,.12);
    --hdr-btn-border-hover: rgba(255,255,255,.40);
    --hdr-hr: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.40), rgba(255,255,255,0));
    --hdr-glass-bg: rgba(255,255,255,.08);
    --hdr-glass-border: rgba(255,255,255,.22);
    --hdr-glass-bg-hover: rgba(255,255,255,.12);
    --hdr-glass-border-hover: rgba(255,255,255,.32);
}

.sys-hdr-theme-indigo {
    --hdr-bg: linear-gradient(135deg,#1f2a6b 0%, #2b3ea8 55%, #18224f 100%);
    --hdr-fg: rgba(255,255,255,.92);
    --hdr-pattern-1: rgba(255,255,255,.09);
    --hdr-pattern-2: rgba(255,255,255,.06);
    --hdr-btn-border: rgba(255,255,255,.28);
    --hdr-btn-hover: rgba(255,255,255,.12);
    --hdr-btn-border-hover: rgba(255,255,255,.42);
    --hdr-hr: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.42), rgba(255,255,255,0));
    --hdr-glass-bg: rgba(255,255,255,.075);
    --hdr-glass-border: rgba(255,255,255,.22);
    --hdr-glass-bg-hover: rgba(255,255,255,.11);
    --hdr-glass-border-hover: rgba(255,255,255,.33);
}

.sys-hdr-theme-graphite {
    --hdr-bg: linear-gradient(135deg,#1e232b 0%, #2a313d 55%, #141820 100%);
    --hdr-fg: rgba(255,255,255,.90);
    --hdr-pattern-1: rgba(255,255,255,.08);
    --hdr-pattern-2: rgba(255,255,255,.05);
    --hdr-btn-border: rgba(255,255,255,.22);
    --hdr-btn-hover: rgba(255,255,255,.10);
    --hdr-btn-border-hover: rgba(255,255,255,.32);
    --hdr-hr: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.28), rgba(255,255,255,0));
    --hdr-glass-bg: rgba(255,255,255,.07);
    --hdr-glass-border: rgba(255,255,255,.18);
    --hdr-glass-bg-hover: rgba(255,255,255,.10);
    --hdr-glass-border-hover: rgba(255,255,255,.26);
}

.sys-hdr-theme-frost {
    --hdr-bg: linear-gradient(135deg,#f7fbff 0%, #e9f2fb 55%, #ddeaf7 100%);
    --hdr-fg: rgba(16,32,52,.92);
    --hdr-pattern-1: rgba(255,255,255,.70);
    --hdr-pattern-2: rgba(255,255,255,.45);
    --hdr-btn-border: rgba(16,32,52,.18);
    --hdr-btn-hover: rgba(16,32,52,.06);
    --hdr-btn-border-hover: rgba(16,32,52,.26);
    --hdr-hr: linear-gradient(90deg, rgba(16,32,52,0), rgba(16,32,52,.18), rgba(16,32,52,0));
    --hdr-glass-bg: rgba(255,255,255,.55);
    --hdr-glass-border: rgba(16,32,52,.10);
    --hdr-glass-bg-hover: rgba(255,255,255,.70);
    --hdr-glass-border-hover: rgba(16,32,52,.14);
}
/* ===== VISUAL STUDIO DARK ===== */
.sys-hdr-theme-vs-dark {
    /* Background principal */
    --hdr-bg: linear-gradient(135deg,#1e1e1e 0%, #252526 50%, #2d2d30 100%);
    /* texte */
    --hdr-fg: rgba(220,220,220,.92);
    /* motifs */
    --hdr-pattern-1: rgba(255,255,255,.04);
    --hdr-pattern-2: rgba(255,255,255,.02);
    /* boutons */
    --hdr-btn-border: rgba(255,255,255,.14);
    --hdr-btn-hover: rgba(255,255,255,.08);
    --hdr-btn-border-hover: rgba(0,122,204,.55);
    /* séparateur */
    --hdr-hr: linear-gradient( 90deg, rgba(0,0,0,0), rgba(0,122,204,.6), rgba(0,0,0,0) );
    /* glass panels */
    --hdr-glass-bg: rgba(255,255,255,.03);
    --hdr-glass-border: rgba(255,255,255,.08);
    --hdr-glass-bg-hover: rgba(255,255,255,.05);
    --hdr-glass-border-hover: rgba(0,122,204,.45);
}