/* ============================================================================
   TibiSuite - theme.css : thème de l'accueil v8 pour les pages secondaires
   ----------------------------------------------------------------------------
   FAQ, Tibi Companion, Dashboard, Mentions. Chargé APRÈS style.css : il remet
   la palette, les polices, l'échelle typographique et la barre du haut de
   l'accueil (home.css) par-dessus l'ancien thème or. Les règles de la barre du
   haut et du menu téléphone sont des copies de home.css : garder les deux
   alignées. Rouge de marque pour l'habillage ; le Dashboard garde l'or de
   Stats pour son contenu (classe accent-stats sur <body>).
============================================================================ */
@font-face{font-family:"Instrument Serif";src:url(fonts/instrument-serif.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(fonts/instrument-serif-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(fonts/jetbrains-mono-var.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}

:root{
  --bg:#07070A;--bg-2:#0E0E13;--bg-3:#15151C;
  --line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.16);
  --text:#F2EEE7;--muted:#8F8C98;
  --red:#C41F3B;--red-hot:#E8344F;
  --serif:"Instrument Serif",Georgia,serif;
  --sans:"Inter Tight","Segoe UI",system-ui,sans-serif;
  --mono:"JetBrains Mono",Consolas,monospace;
  --gut:clamp(16px,4vw,56px);
  /* Anciens jetons de style.css, ramenés sur la palette de l'accueil */
  --ink:var(--bg);--ink-2:var(--bg-2);
  --graphite:var(--bg);--graphite-2:var(--bg-2);--graphite-3:var(--bg-3);
  --line-strong:var(--line-2);--muted-cool:var(--muted);
  --gold:#E8344F;--gold-2:#C41F3B;--gold-soft:#F4A3B0;
  --gold-line:rgba(196,31,59,.3);--gold-glow:rgba(232,52,79,.35);
}
/* Dashboard : le contenu reste à l'accent de Stats (or) */
.accent-stats{--gold:#e4b64a;--gold-2:#ff9d2f;--gold-soft:#f4d68a;--gold-line:rgba(228,182,74,.22);--gold-glow:rgba(228,182,74,.35)}

body{background:var(--bg);color:var(--text);font-family:var(--sans)}
body::before{background:radial-gradient(1000px 640px at 86% -12%,rgba(196,31,59,.13),transparent 62%),var(--bg)}
::selection{background:rgba(196,31,59,.45);color:#fff}
:focus-visible{outline:2px solid var(--red-hot);outline-offset:3px;border-radius:4px}
.skip-link{background:var(--red);color:#fff}
#scroll-progress{background:linear-gradient(90deg,var(--red),var(--red-hot));box-shadow:0 0 14px rgba(232,52,79,.45)}
#back-to-top{border-color:var(--line-2);background:rgba(14,14,19,.85);color:var(--text)}
#back-to-top:hover{border-color:var(--red-hot);background:var(--bg-3)}

/* ─────────── Titres : même voix que l'accueil ─────────── */
h1,h2,h3{letter-spacing:-.03em}
h1 em,h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--muted)}
.section-head h1,.section-head h2{font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.02;margin:14px 0 16px;font-weight:700;letter-spacing:-.035em}
.legal-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.02;font-weight:700;letter-spacing:-.035em}
.eyebrow{font:600 var(--fs-12) var(--mono);letter-spacing:.12em;color:var(--red-hot)}
.eyebrow.tag{border-color:var(--gold-line);background:color-mix(in srgb,var(--gold) 8%,transparent);color:var(--gold)}
.accent-stats .eyebrow{color:var(--gold)}

/* ─────────── Boutons ─────────── */
.btn{border-radius:12px;font-weight:700;font-size:var(--fs-16)}
.btn.primary{color:#fff;background:var(--red);box-shadow:0 10px 40px -10px rgba(196,31,59,.7),inset 0 1px 0 rgba(255,255,255,.18)}
.btn.primary:hover{background:var(--red-hot);box-shadow:0 16px 50px -10px rgba(232,52,79,.8),inset 0 1px 0 rgba(255,255,255,.2)}
.btn.ghost{border-color:var(--line-2);background:rgba(255,255,255,.03)}
.btn.ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.06)}

/* ─────────── Barre du haut (copie de home.css) ─────────── */
.top{position:fixed;inset:14px var(--gut) auto;z-index:100;display:flex;align-items:center;gap:24px;
  padding:10px 12px 10px 18px;border:1px solid var(--line);border-radius:16px;
  background:rgba(10,10,14,.62);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}
.top.scrolled{background:rgba(8,8,11,.86);border-color:var(--line-2)}
.top .brand{display:flex;align-items:center;gap:10px;margin:0;text-decoration:none;color:var(--text);font-weight:800;font-size:var(--fs-16);letter-spacing:-.01em}
.top .brand img{width:28px;height:28px;border-radius:0;box-shadow:none}
.top .brand em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--red-hot);font-size:1.15em}
.top-nav{display:flex;gap:4px;margin-left:auto}
.top-nav a{text-decoration:none;color:var(--muted);font-size:var(--fs-14);font-weight:500;padding:7px 12px;border-radius:9px;transition:color .2s,background .2s}
.top-nav a:hover{color:var(--text);background:rgba(255,255,255,.05)}
.top-nav a[aria-current="page"]{color:var(--text);background:rgba(255,255,255,.06)}
.top .lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg-3)}
.top .lang-btn{background:transparent;border:0;color:var(--muted);font:600 var(--fs-12) var(--sans);letter-spacing:.06em;padding:8px 10px;cursor:pointer;transition:color .2s,background .2s}
.top .lang-btn:not(.active):hover{color:var(--text)}
.top .lang-btn.active{color:#fff;background:var(--red)}
.top-cta{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;background:var(--red);color:#fff;
  text-decoration:none;font:700 var(--fs-14) var(--sans);transition:background .2s}
.top-cta:hover{background:var(--red-hot)}
.m-burger{display:none;flex:none;position:relative;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--bg-3);cursor:pointer;padding:0}
.m-burger span{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:var(--text);transition:transform .25s var(--ease),top .25s var(--ease)}
.m-burger span:nth-child(1){top:16px}
.m-burger span:nth-child(2){top:25px}
.m-burger[aria-expanded="true"] span:nth-child(1){top:20px;transform:rotate(45deg)}
.m-burger[aria-expanded="true"] span:nth-child(2){top:20px;transform:rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:98;display:flex;flex-direction:column;gap:18px;padding:100px var(--gut) 28px;overflow:auto;
  background:rgba(7,7,10,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.mnav[hidden]{display:none}
.mnav nav{display:flex;flex-direction:column}
.mnav-k{margin:16px 0 4px;font:600 var(--fs-12) var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.mnav-k:first-child{margin-top:0}
.mnav nav a{display:flex;align-items:center;min-height:56px;padding:12px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text);
  font-size:var(--fs-22);font-weight:650;letter-spacing:-.02em}
.mnav nav a[aria-current="page"]{color:var(--red-hot)}
body.menu-open{overflow:hidden}
@media (max-width:1080px){
  .top-nav{display:none}
  .m-burger{display:block}
  .top .brand{margin-right:auto}
}
@media (min-width:1081px){.mnav{display:none!important}}
@media (max-width:720px){
  .top{gap:10px;padding:8px 8px 8px 14px}
  .top .lang-btn{min-height:44px;padding:0 12px}
  .top-cta{display:none}
}
@media (max-width:340px){.top .brand span{display:none}}

/* ─────────── Pied de page ─────────── */
.site-footer{background:var(--bg-2);border-top:1px solid var(--line)}
.footer-cta{background:radial-gradient(120% 140% at 0% 0%,rgba(196,31,59,.14),transparent 60%),var(--bg-3);border-color:var(--line-2);border-radius:20px}
.footer-cta-title{font-weight:700;font-size:var(--fs-22)}
.footer-links a{color:var(--muted)}
.footer-links a:hover{color:var(--text)}