/* ═══════════════════════════════════════════════════════════════════════════
   LA DASHBOARD DI SEO FIX — I COLORI, TUTTI IN UN POSTO SOLO
   ---------------------------------------------------------------------------
   I NOMI e i VALORI sono quelli del sito, https://seofixpro.it/css/temi.css
   (letto il 15 ottobre 2026), che ha gli stessi nomi di RegiaPro. Tre blocchi:
   chiaro, scuro di sistema, scuro scelto a mano (data-theme="dark" su <html>).

   ⚠️ IL MARCHIO È VERDE (#0d5f5c), E QUESTA RIGA VA LETTA PRIMA DI CAMBIARLO.
   Il commento in cima al file del sito dice che il verde è stato confermato
   il 27 agosto 2026 e NON SI CAMBIA SENZA CHIEDERLO AL PROPRIETARIO.

   Una sola differenza voluta dal sito: dove il sito scrive color-mix(...), qui
   c'è il colore già fatto (stesso risultato, calcolato una volta), così lo
   legge anche WeasyPrint, che fa i PDF e color-mix non lo conosce.

   Il resto della dashboard non scrive colori: usa queste variabili (oppure le
   classi di Tailwind che le richiamano, in sorgente.css).
   ═══════════════════════════════════════════════════════════════════════════ */

:root{
  /* ── colore (tema chiaro), dal sito ── */
  --accent:#0d5f5c;          --accent-soft:#e2eceb;          /* = color-mix(#0d5f5c 12%, white) */
  --accent-bright:#117e78;   --accent-bright-soft:#dbeceb;   /* = color-mix(#117e78 15%, white) */
  --ground:#ececf0;          /* sfondo pagina */
  --surface:#fcfcfd;         /* riquadri, schede */
  --surface-2:#f3f3f7;       /* aree incassate, passaggio del mouse */
  --sunken:#f3f3f7;
  --ink:#4a4a56;             /* testo principale */
  --ink-strong:#2f2f3a;      /* titoli */
  --ink-2:#5c5c6a;           /* testo secondario */
  --ink-3:#696978;           /* didascalie */
  --line:#d9d9e1;            /* bordi */
  --line-soft:#e7e7ee;
  --link:#0a5350;            --link-soft:#e2eceb;

  /* ── il semaforo, dal sito: sempre con la parola, mai solo il colore ── */
  --ok:#15803d;   --ok-ink:#126b32;   --ok-bg:#deede4;
  --warn:#b45309; --warn-ink:#9a4708; --warn-bg:#f4e7dd;
  --bad:#c0342d;  --bad-ink:#ab2e28;  --bad-bg:#f7e7e6;
  --ok-su-tinta:#126b32;  --bad-su-tinta:#ab2e28;
  --idle:#5c5c6a; --idle-bg:#efeff0;
  --info:#0f6aa8; --info-ink:#0c5688; --info-bg:#e2edf5;
  --logo-gradient:linear-gradient(135deg,#0d5f5c,#117e78);
  --su-accento:#ffffff;      /* il testo sopra il verde pieno */

  /* ── tipografia e geometria, dal sito ── */
  --font-sans:'Albert Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --font-display:'Albert Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --font-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --r-s:10px; --r-m:14px; --r-l:18px; --r-x:26px; --r-gg:999px;
  --shadow-sm:0 1px 3px 0 rgba(24,24,40,.08),0 1px 2px -1px rgba(24,24,40,.08);
  --shadow:0 1px 3px 0 rgba(24,24,40,.08),0 10px 24px -8px rgba(24,24,40,.14);
  --shadow-lg:0 24px 48px -16px rgba(24,24,40,.22);
  --tr:.18s cubic-bezier(.4,0,.2,1);
  color-scheme:light;

  /* ═══ LE AGGIUNTE DELLA DASHBOARD ═══ */

  /* Il colore del marchio dell'agenzia. Di serie è il verde di SEO Fix;
     /marchio/stile.css (fatto dal server) lo cambia per l'agenzia. */
  --primary:var(--accent);
  --primary-ink:var(--accent);       /* il colore del marchio come testo su bianco (contrasto 4,5) */
  --primary-soft:var(--accent-soft);
  --su-primary:var(--su-accento);
  --secondary:var(--info);
  --carattere-titoli:var(--font-display);

  /* Le ombre e il «peek» dell'anteprima approvata (docs/anteprime/pannello-giorni.html) */
  --ombra-s:var(--shadow-sm);
  --ombra-m:0 -14px 40px -18px rgba(24,24,40,.38);
  --ombra-foglio:0 1px 2px rgba(24,24,40,.10),0 14px 34px -16px rgba(24,24,40,.32);

  /* I colori in più dell'anteprima approvata, per i grafici e la griglia.
     ⚠️ Nel temi.css del sito NON ci sono: vengono dall'anteprima che il
     proprietario ha approvato (decisione 6 del 15/10); da confermare con lui. */
  --ai:#7a4fc4; --ai-ink:#5f3aa6; --ai-bg:#ece5f8;
  --pochi:#8d8d9c;
  --serie-sc:#0f6aa8; --serie-ctrl:#2f2f3a; --serie-browser:#a1426f; --fascia:#dbe6f1;
  --paper:#ffffff; --paper-ink:#25252d; --paper-ink-2:#5f5f6b; --paper-line:#e4e4ea; --paper-soft:#f6f6f9;
}

/* Tema scuro AUTOMATICO: se il computer è scuro e la persona non ha scelto. */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --accent:#45c2bd;        --accent-soft:#233e44;
  --accent-bright:#6fd8d2; --accent-bright-soft:#283b42;
  --ground:#101017; --surface:#191922; --surface-2:#21212c; --sunken:#21212c;
  --ink:#e9e9f0; --ink-strong:#f6f6fa; --ink-2:#a4a4b4; --ink-3:#8e8e9e;
  --line:#2f2f3d; --line-soft:#262631;
  --link:#5fd0ca; --link-soft:#363c53;
  --ok:#57cc6e;   --ok-ink:#57cc6e;   --ok-bg:#243e36;
  --warn:#f0a244; --warn-ink:#f0a244; --warn-bg:#483729;
  --bad:#ff7a72;  --bad-ink:#ff7a72;  --bad-bg:#472c32;
  --ok-su-tinta:#8ee0a0;  --bad-su-tinta:#ff8f88;
  --idle:#a4a4b4; --idle-bg:#32323c;
  --info:#74b6f5; --info-ink:#74b6f5; --info-bg:#2d3c50;
  --shadow-sm:0 1px 3px 0 rgba(0,0,0,.4);
  --shadow:0 1px 3px 0 rgba(0,0,0,.4),0 10px 24px -8px rgba(0,0,0,.55);
  --shadow-lg:0 24px 48px -16px rgba(0,0,0,.7);
  color-scheme:dark;
  --su-accento:#101017;
  --logo-gradient:linear-gradient(135deg,#45c2bd,#6fd8d2);

  --ombra-m:0 -14px 40px -18px rgba(0,0,0,.8);
  --ombra-foglio:0 1px 2px rgba(0,0,0,.5),0 14px 34px -16px rgba(0,0,0,.85);
  --ai:#b799f0; --ai-ink:#cbb6f6; --ai-bg:#2a2340;
  --pochi:#7d7d90;
  --serie-sc:#74b6f5; --serie-ctrl:#e9e9f0; --serie-browser:#e98bb7; --fascia:#22324a;
  --paper:#fbfbfc;
}}

/* Tema scuro SCELTO A MANO: gli stessi valori, perché la scelta vinca anche
   quando il computer è chiaro. */
:root[data-theme="dark"]{
  --accent:#45c2bd;        --accent-soft:#233e44;
  --accent-bright:#6fd8d2; --accent-bright-soft:#283b42;
  --ground:#101017; --surface:#191922; --surface-2:#21212c; --sunken:#21212c;
  --ink:#e9e9f0; --ink-strong:#f6f6fa; --ink-2:#a4a4b4; --ink-3:#8e8e9e;
  --line:#2f2f3d; --line-soft:#262631;
  --link:#5fd0ca; --link-soft:#363c53;
  --ok:#57cc6e;   --ok-ink:#57cc6e;   --ok-bg:#243e36;
  --warn:#f0a244; --warn-ink:#f0a244; --warn-bg:#483729;
  --bad:#ff7a72;  --bad-ink:#ff7a72;  --bad-bg:#472c32;
  --ok-su-tinta:#8ee0a0;  --bad-su-tinta:#ff8f88;
  --idle:#a4a4b4; --idle-bg:#32323c;
  --info:#74b6f5; --info-ink:#74b6f5; --info-bg:#2d3c50;
  --shadow-sm:0 1px 3px 0 rgba(0,0,0,.4);
  --shadow:0 1px 3px 0 rgba(0,0,0,.4),0 10px 24px -8px rgba(0,0,0,.55);
  --shadow-lg:0 24px 48px -16px rgba(0,0,0,.7);
  color-scheme:dark;
  --su-accento:#101017;
  --logo-gradient:linear-gradient(135deg,#45c2bd,#6fd8d2);

  --ombra-m:0 -14px 40px -18px rgba(0,0,0,.8);
  --ombra-foglio:0 1px 2px rgba(0,0,0,.5),0 14px 34px -16px rgba(0,0,0,.85);
  --ai:#b799f0; --ai-ink:#cbb6f6; --ai-bg:#2a2340;
  --pochi:#7d7d90;
  --serie-sc:#74b6f5; --serie-ctrl:#e9e9f0; --serie-browser:#e98bb7; --fascia:#22324a;
  --paper:#fbfbfc;
}