/* site-themes.css — 4 styles × 2 modes = 8 palettes.
   Activées par data-theme="<style>-<mode>" sur <html>.
   Chaque palette définit les 6 vars de couleur + des vars de style
   (font, shadow, radius) que site-core.css consomme.

   Styles : plain, threed, metal, roman
   Modes  : light, dark

   Convention nommage logo (dans /assets/) :
     HUSCI-{Style}-{Mode}-RD.png  (RD = round)
   Exemples actuels :
     HUSCI-Roman-light-RD.png       / HUSCI-Roman-dakk-RD.png
     HUSCI-flag-RD-PLAIN-Light-theme.png  / HUSCI-flag-RD-3D-Dark-theme.png
     HUSCI-Metal-RD-Dark-theme.png
*/

/* =================================================================
   Fallback par défaut (pas de data-theme défini → roman-dark)
   ================================================================= */
:root{
  --bg:#0e1b2c; --ink:#f4f6fb; --muted:#9fb2cc;
  --accent:#3a8dde; --card:#16273d; --line:#264a73;
  --font-body:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-headline:ui-serif,Georgia,serif;
  --font-headline-weight:700;
  --btn-radius:8px;
  --logo-max-width:170px;
  /* Pas de cadre / glow / ombre autour des blasons PNG transparents :
     le rectangle de l'image ne doit JAMAIS se voir. */
  --logo-radius:0;
  --logo-shadow:none;
  --logo-filter:none;
  --logo-hover-transform:none;
}

/* =================================================================
   ROMAN — classique / sérif / palette parchemin et bleu nuit
   ================================================================= */
html[data-theme="roman-dark"]{
  --bg:#0e1b2c; --ink:#f4f6fb; --muted:#9fb2cc;
  --accent:#3a8dde; --card:#16273d; --line:#264a73;
  --font-headline:ui-serif,Georgia,"Times New Roman",serif;
  --font-headline-weight:700;
  --btn-radius:6px;
}
html[data-theme="roman-light"]{
  --bg:#f5efe2; --ink:#2a2418; --muted:#6b5e44;
  --accent:#8a6d3b; --card:#ede5d0; --line:#d3c8ab;
  --font-headline:ui-serif,Georgia,"Times New Roman",serif;
  --font-headline-weight:700;
  --btn-radius:6px;
}

/* =================================================================
   PLAIN — minimal / sans / aplat
   ================================================================= */
html[data-theme="plain-dark"]{
  --bg:#15171a; --ink:#e8e8e8; --muted:#8a8d92;
  --accent:#4ca3d8; --card:#232629; --line:#33373b;
  --font-headline:ui-sans-serif,system-ui,-apple-system,sans-serif;
  --font-headline-weight:600;
  --btn-radius:4px;
}
html[data-theme="plain-light"]{
  --bg:#fafafa; --ink:#1a1a1a; --muted:#5e6166;
  --accent:#2962a8; --card:#ffffff; --line:#e3e5e8;
  --font-headline:ui-sans-serif,system-ui,-apple-system,sans-serif;
  --font-headline-weight:600;
  --btn-radius:4px;
}

/* =================================================================
   3D — palette plus contrastée, arrondis prononcés (sur les boutons)
   (pas d'ombre sur le logo : le PNG transparent doit rester clean)
   ================================================================= */
html[data-theme="threed-dark"]{
  --bg:#0a1224; --ink:#ffffff; --muted:#a7b8d4;
  --accent:#5cc3ff; --card:#14223a; --line:#1f3358;
  --font-headline:ui-sans-serif,"Segoe UI Variable",system-ui,sans-serif;
  --font-headline-weight:700;
  --btn-radius:14px;
  --logo-hover-transform:translateY(-2px) scale(1.02);
}
html[data-theme="threed-light"]{
  --bg:#eaeef5; --ink:#0a1224; --muted:#4a5d80;
  --accent:#2962a8; --card:#ffffff; --line:#cdd5e0;
  --font-headline:ui-sans-serif,"Segoe UI Variable",system-ui,sans-serif;
  --font-headline-weight:700;
  --btn-radius:14px;
  --logo-hover-transform:translateY(-2px) scale(1.02);
}

/* =================================================================
   METAL — brossé / sobre / typo condensée
   (filter:contrast appliqué pour rendre les détails ; pas d'ombre / pas de bord)
   ================================================================= */
html[data-theme="metal-dark"]{
  --bg:#1a1c1f; --ink:#d4d8de; --muted:#888c93;
  --accent:#b0b5bd; --card:#25282c; --line:#3a3e44;
  --font-headline:"Roboto Condensed","Arial Narrow",sans-serif;
  --font-headline-weight:700;
  --btn-radius:3px;
  --logo-filter:contrast(1.05);
}
html[data-theme="metal-light"]{
  --bg:#d9dce0; --ink:#1a1c1f; --muted:#4a525d;
  --accent:#4a525d; --card:#f0f2f5; --line:#b6bcc4;
  --font-headline:"Roboto Condensed","Arial Narrow",sans-serif;
  --font-headline-weight:700;
  --btn-radius:3px;
  --logo-filter:contrast(1.05);
}
