/* ============================================================
   EcransPC - THEME (identite de marque). LE seul CSS par site.
   Direction : "SaaS-Dark premium" (Linear / Vercel). SOMBRE par defaut
   (DEFAULT_THEME:'dark' dans site.config.js) ; l'utilisateur peut basculer
   en clair. Charge APRES la base (core/css) -> peut surcharger.
   ============================================================ */
:root {
  /* Marque */
  --brand: #6C5CE7;          /* violet, CTA & accents */
  --brand-dark: #4A3CB5;
  --brand-soft: #ECEAFB;     /* fond doux teinte marque (mode clair) */
  --brand-mint: #00CEC9;     /* touche cyan */
  --brand-mint-rgb: 0,206,201;
  --sage: #8E8AA8;

  /* Accents par rayon (source unique des couleurs) */
  --acc-violet: #7C6AEF;  --acc-violet-rgb: 124,106,239;   /* gaming     */
  --acc-amber:  #F5BD41;  --acc-amber-rgb:  245,189,65;    /* 4K & creation */
  --acc-cyan:   #00CEC9;  --acc-cyan-rgb:   0,206,201;     /* bureautique */
  --acc-blue:   #4EA1FF;  --acc-blue-rgb:   78,161,255;    /* ultrawide  */
  --acc-green:  #34D399;  --acc-green-rgb:  52,211,153;    /* petit budget */

  /* accent courant (override par [data-accent]) */
  --acc: var(--brand);
  --acc-rgb: 124,106,239;

  /* Neutres (mode CLAIR : quand l'utilisateur bascule) */
  --ink: #16161D;
  --text: #3A3A46;
  --muted: #6C6C7C;
  --line: #E4E4EC;
  --bg: #FAFAFC;
  --bg-alt: #F1F1F6;
  --surface: #FFFFFF;

  /* Degrades signature */
  --grad-brand: linear-gradient(120deg, #4A3CB5 0%, #6C5CE7 50%, #00CEC9 100%);
  --grad-mint: linear-gradient(120deg, #6C5CE7 0%, #00CEC9 100%);
  --grad-text: linear-gradient(100deg, #A29BFE 0%, #6C5CE7 55%, #00CEC9 100%);

  /* Polices */
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Inter', var(--font);
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
}

/* ---- Signature SOMBRE d'EcransPC (raffine le bloc sombre generique du core).
   Meme specificite que core :root[data-theme="dark"] mais charge apres -> gagne. ---- */
:root[data-theme="dark"] {
  --ink: #F5F5F7;
  --text: #C9CAD6;
  --muted: #8A8A9E;
  --line: #26262F;
  --bg: #0B0B0F;
  --bg-alt: #121218;
  --surface: #16161D;
  --surface-2: #1E1E28;
  --brand-soft: #1A1730;     /* fond doux teinte marque, sombre */
  --glass: rgba(11, 11, 15, .82);
  --glass-strong: rgba(11, 11, 15, .96);
  --surface-inverse: #060608;
  --footer-bg: #060608;
}

/* ---- Mappings d'accents propres a ecranspc ---- */
[data-accent="violet"] { --acc: var(--acc-violet); --acc-rgb: var(--acc-violet-rgb); }
[data-accent="amber"]  { --acc: var(--acc-amber);  --acc-rgb: var(--acc-amber-rgb); }
[data-accent="cyan"]   { --acc: var(--acc-cyan);   --acc-rgb: var(--acc-cyan-rgb); }
[data-accent="blue"]   { --acc: var(--acc-blue);   --acc-rgb: var(--acc-blue-rgb); }
[data-accent="green"]  { --acc: var(--acc-green);  --acc-rgb: var(--acc-green-rgb); }

.nav__link[data-accent="violet"] { --nav-dot: var(--acc-violet); --nav-dot-rgb: var(--acc-violet-rgb); }
.nav__link[data-accent="amber"]  { --nav-dot: var(--acc-amber);  --nav-dot-rgb: var(--acc-amber-rgb); }
.nav__link[data-accent="cyan"]   { --nav-dot: var(--acc-cyan);   --nav-dot-rgb: var(--acc-cyan-rgb); }
.nav__link[data-accent="blue"]   { --nav-dot: var(--acc-blue);   --nav-dot-rgb: var(--acc-blue-rgb); }
.nav__link[data-accent="green"]  { --nav-dot: var(--acc-green);  --nav-dot-rgb: var(--acc-green-rgb); }

/* Logo : monogramme SVG dimensionne. */
.logo__mark { width: 28px; height: 28px; flex: none; color: var(--brand); }

/* Chiffres/stats en police mono (signature ecranspc). */
.stat__value, .hero__stat-value, .pcard__spec b { font-family: var(--font-mono); }