/* * themes.css — Source of truth per la palette del sito * Caricato PRIMO in head-renderer.php,prima di styles.css e homepage.css. * La classe tema viene iniettata su da PHP (es. class="theme-gold"). * * Token canonici:25 variabili * Backward-compat aliases:tutte le vecchie variabili di styles.css e homepage.css * reindirizzano ai token canonici — nessuna regola CSS esistente va modificata. */ /* ═══════════════════════════════════════════════════════════ DEFAULT:Gold — warm cream + oro accent (tema attuale) ═══════════════════════════════════════════════════════════ */:root{/* ── Accent (brand color) ── */ --accent:#a07850;--accent-light:#c4986a;--accent-pale:rgba(160,120,80,0.12);--accent-dark:#8a6840;--accent-rgb:160,120,80;/* per rgba(var(--accent-rgb),0.X) */ /* ── Backgrounds ── */ --bg-base:#faf9f7;/* warm white */ --bg-surface:#f0ebe0;/* panna */ --bg-deep:#e8e0d0;/* panna profonda */ --bg-panel:#ffffff;/* panel/card bianco puro */ /* ── Borders ── */ --border-color:#ddd9d0;--border-warm:#f2efea;/* ── Text ── */ --text-base:#1a1a1a;--text-muted:#5a5a5a;--text-faint:#999999;/* ── Surfaces (fixed across light themes) ── */ --surface-white:#ffffff;--surface-black:#000000;--surface-dark:#0d0b08;/* marquee / dark bg */ --surface-dark-rgb:20,18,15;/* per rgba(var(--surface-dark-rgb),0.X) */ --text-rgb:20,18,15;/* per testo muted:rgba(var(--text-rgb),X) */ --surface-charcoal:#111111;/* ── Typography ── */ --font-heading:'Playfair Display',Georgia,serif;--font-serif:'Cormorant',Georgia,serif;--font-caps:'Cinzel',serif;--font-body:'Inter',-apple-system,sans-serif;--font-script:'Whisper',cursive;--font-mono:'Courier New',monospace;/* ── Semantic (non-tema) ── */ --success-color:#5a9a6a;--ease:cubic-bezier(0.42,0,0.48,1);--ease-out:cubic-bezier(0.16,1,0.3,1);/* ══════════════════════════════════════════════════════ BACKWARD-COMPAT ALIASES — NON RIMUOVERE Usati da:homepage.css,styles.css,medusa.css,lang-switcher.css. Nessuna regola CSS va cambiata. ══════════════════════════════════════════════════════ */ /* homepage.css aliases (italiano) */ --nero:var(--surface-black);--bianco:var(--surface-white);--oro:var(--accent);--oro-light:var(--accent-light);--oro-pale:var(--accent-pale);--oro-dark:var(--accent-dark);--warm-white:var(--bg-base);--panna:var(--bg-surface);--panna-deep:var(--bg-deep);--grigio-warm:var(--border-warm);--grigio-mid:var(--border-color);--grigio-scuro:var(--surface-charcoal);--testo:var(--text-base);--testo-mid:var(--text-muted);--testo-light:var(--text-faint);--font-head:var(--font-heading);--font-elegant:var(--font-serif);--font-formal:var(--font-caps);--font-ui:var(--font-body);--font-sign:var(--font-script);--font-whisper:var(--font-script);/* styles.css aliases (inglese) */ --accent-dim:var(--accent-pale);--accent-dim-2:rgba(var(--accent-rgb),0.45);--accent-secondary:var(--accent-light);--accent-primary:var(--border-color);/* era #ddd9d0 — preservato as-is */ --text-primary:var(--text-base);--text-main:var(--text-base);--text-secondary:var(--surface-white);--text-muted:var(--text-muted);/* stesso nome */ --color-secondary:var(--text-muted);--color-muted:var(--text-muted);--color-accent:var(--accent);--color-dark:#333333;--bg-primary:var(--bg-panel);--bg-secondary:var(--bg-base);--bg-tertiary:var(--bg-surface);--bg-dark:var(--bg-deep);--bg-lighter:var(--border-color);--bg-gallery:var(--surface-charcoal);--bg-overlay:rgba(0,0,0,0.5);--border:var(--border-color);--font-sans:var(--font-body);--font-sans-2:var(--font-heading);--font-sans-3:var(--font-serif);--font-sans-4:var(--font-caps);--shadow-sm:0 4px 12px rgba(var(--accent-rgb),0.08);--warm-glass:rgba(250,249,247,0.92);/* Dashboard tokens (derivati dal tema) */ --dashboard-card-bg-start:var(--bg-panel);--dashboard-card-bg-end:var(--bg-base);--dashboard-card-border:var(--border-color);--dashboard-grid-line:var(--bg-surface);--dashboard-tooltip-bg:var(--bg-panel);--dashboard-tooltip-text:#1e293b;--dashboard-tooltip-border:var(--border-color);--dashboard-tooltip-shadow:0 4px 12px rgba(0,0,0,0.1);/* Status colors (non-tema) */ --danger:#ef4444;--warning:#f59e0b;--danger-bg:#fee2e2;--danger-text:#ef4444;--danger-border:#fecaca;--success-bg:#dcfce7;--success-text:#16a34a;--success-border:#bbf7d0;--warning-text:#92400e;--warning-dark:#78350f;/* Node/workflow colors (non-tema) */ --node-color-question:#2563eb;--node-color-data:#059669;--node-color-completion:#7c3aed;--node-color-conditional:#d97706;--node-color-default:#475569}/* ═══════════════════════════════════════════════════════════ SILVER — acciaio freddo,accent argento-blu ═══════════════════════════════════════════════════════════ */ html.theme-silver{--accent:#8a9bb0;--accent-light:#a8b8cc;--accent-pale:rgba(138,155,176,0.12);--accent-dark:#6e7f94;--accent-rgb:138,155,176;--bg-base:#f5f7f9;--bg-surface:#e8ecf0;--bg-deep:#d8dee6;--bg-panel:#ffffff;--border-color:#c8cfd8;--border-warm:#edf0f4;--text-base:#1a1e24;--text-muted:#5a6270;--text-faint:#8a9098;--surface-dark:#0a0c10;--surface-dark-rgb:10,12,16;--surface-charcoal:#141820}/* ═══════════════════════════════════════════════════════════ PEARL — avorio bianco,accent oro rosa ═══════════════════════════════════════════════════════════ */ html.theme-pearl{--accent:#b89080;--accent-light:#d4aa9a;--accent-pale:rgba(184,144,128,0.12);--accent-dark:#9c7466;--accent-rgb:184,144,128;--bg-base:#fdfcfb;--bg-surface:#f7f3f0;--bg-deep:#ede8e4;--bg-panel:#ffffff;--border-color:#e0d8d4;--border-warm:#f7f4f2;--text-base:#1a1614;--text-muted:#5a504c;--text-faint:#9a9290;--surface-dark:#0e0a08;--surface-dark-rgb:14,10,8;--surface-charcoal:#131010}/* ═══════════════════════════════════════════════════════════ TITANIUM — grigio neutro,accent titanio ═══════════════════════════════════════════════════════════ */ html.theme-titanium{--accent:#9aa0a6;--accent-light:#b4b9be;--accent-pale:rgba(154,160,166,0.12);--accent-dark:#7e8488;--accent-rgb:154,160,166;--bg-base:#f2f3f4;--bg-surface:#e4e6e8;--bg-deep:#d4d8dc;--bg-panel:#ffffff;--border-color:#c4c8cc;--border-warm:#eff0f1;--text-base:#1c1e20;--text-muted:#5c6266;--text-faint:#8c9196;--surface-dark:#101214;--surface-dark-rgb:16,18,20;--surface-charcoal:#1a1c1e}/* ═══════════════════════════════════════════════════════════ OBSIDIAN — base scura,accent oro brillante Inverte surface-white/black per testo e bg leggibili ═══════════════════════════════════════════════════════════ */ html.theme-obsidian{--accent:#c4986a;--accent-light:#dab888;--accent-pale:rgba(196,152,106,0.18);--accent-dark:#a87c50;--accent-rgb:196,152,106;--bg-base:#0e0c0a;--bg-surface:#1a1714;--bg-deep:#242018;--bg-panel:#1a1714;--border-color:#2e2a24;--border-warm:#22201c;--text-base:#e8e4de;--text-muted:#9a9488;--text-faint:#605a52;--surface-white:#e8e4de;/* invertito:"bianco" è il testo chiaro */ --surface-black:#faf9f7;--surface-dark:#000000;--surface-dark-rgb:0,0,0;--text-rgb:232,228,222;/* invertito:testo chiaro su bg scuro */ --surface-charcoal:#080604;--warm-glass:rgba(14,12,10,0.92);--dashboard-tooltip-text:#e8e4de}/* ═══════════════════════════════════════════════════════════ RAME — Copper antico:calore metallico su avorio toscano ═══════════════════════════════════════════════════════════ */ html.theme-rame{--accent:#b07040;--accent-light:#c88c5a;--accent-pale:rgba(176,112,64,0.12);--accent-dark:#8c5428;--accent-rgb:176,112,64;--bg-base:#fdfaf5;--bg-surface:#f5ede0;--bg-deep:#ead8c0;--bg-panel:#ffffff;--border-color:#dcc8a8;--border-warm:#f8f2e8;--text-base:#1e1408;--text-muted:#5a4020;--text-faint:#9a7850;--surface-dark:#160c00;--surface-dark-rgb:22,12,0;--surface-charcoal:#1c1000}/* ═══════════════════════════════════════════════════════════ ROSA — Rosa Antico:petali di peonia su avorio rosato ═══════════════════════════════════════════════════════════ */ html.theme-rosa{--accent:#9c5068;--accent-light:#b86c84;--accent-pale:rgba(156,80,104,0.12);--accent-dark:#7a3850;--accent-rgb:156,80,104;--bg-base:#fdf8f9;--bg-surface:#f5e8ed;--bg-deep:#ebd0da;--bg-panel:#ffffff;--border-color:#dcc4cc;--border-warm:#f8f0f3;--text-base:#1e0c14;--text-muted:#5a2840;--text-faint:#9a7080;--surface-dark:#140608;--surface-dark-rgb:20,6,8;--surface-charcoal:#1c0810}/* ═══════════════════════════════════════════════════════════ LAVANDA — Campi provenzali:lilla soffice su bianco floreale ═══════════════════════════════════════════════════════════ */ html.theme-lavanda{--accent:#7868b0;--accent-light:#9480c8;--accent-pale:rgba(120,104,176,0.12);--accent-dark:#5c508c;--accent-rgb:120,104,176;--bg-base:#f8f7fd;--bg-surface:#ede8f8;--bg-deep:#ddd4f0;--bg-panel:#ffffff;--border-color:#ccc4e4;--border-warm:#f2eefc;--text-base:#14101e;--text-muted:#48406c;--text-faint:#887898;--surface-dark:#0c0814;--surface-dark-rgb:12,8,20;--surface-charcoal:#14101c}/* ═══════════════════════════════════════════════════════════ OCEANO — Teal mediterraneo:acque profonde e cristallo ═══════════════════════════════════════════════════════════ */ html.theme-oceano{--accent:#1a7888;--accent-light:#2896a8;--accent-pale:rgba(26,120,136,0.12);--accent-dark:#105c6c;--accent-rgb:26,120,136;--bg-base:#f4fafb;--bg-surface:#e0f4f6;--bg-deep:#c8eaee;--bg-panel:#ffffff;--border-color:#b0d8de;--border-warm:#eaf6f8;--text-base:#081618;--text-muted:#204c54;--text-faint:#608490;--surface-dark:#041010;--surface-dark-rgb:4,16,16;--surface-charcoal:#081a1e}/* ═══════════════════════════════════════════════════════════ MEZZANOTTE — Blu inchiostro:notte profonda con stelle d'acciaio Tema scuro — inversione dark mode ═══════════════════════════════════════════════════════════ */ html.theme-mezzanotte{--accent:#6080c0;--accent-light:#7898d8;--accent-pale:rgba(96,128,192,0.18);--accent-dark:#4860a0;--accent-rgb:96,128,192;--bg-base:#060810;--bg-surface:#0e1220;--bg-deep:#181e30;--bg-panel:#0e1220;--border-color:#202840;--border-warm:#181e30;--text-base:#dce4f8;--text-muted:#8090b8;--text-faint:#485878;--surface-white:#dce4f8;--surface-black:#f0f4ff;--surface-dark:#000000;--surface-dark-rgb:0,0,0;--text-rgb:220,228,248;--surface-charcoal:#040608;--warm-glass:rgba(6,8,16,0.92);--dashboard-tooltip-text:#dce4f8}/* ═══════════════════════════════════════════════════════════ NOIR — Noir Absolu:nero assoluto,bianco puro,platino Minimalismo di lusso estremo — dark mode radicale ═══════════════════════════════════════════════════════════ */ html.theme-noir{--accent:#d4d4d4;--accent-light:#e8e8e8;--accent-pale:rgba(212,212,212,0.15);--accent-dark:#b0b0b0;--accent-rgb:212,212,212;--bg-base:#000000;--bg-surface:#0a0a0a;--bg-deep:#141414;--bg-panel:#0a0a0a;--border-color:#1e1e1e;--border-warm:#141414;--text-base:#ffffff;--text-muted:#a0a0a0;--text-faint:#505050;--surface-white:#ffffff;--surface-black:#fafafa;--surface-dark:#000000;--surface-dark-rgb:0,0,0;--text-rgb:255,255,255;--surface-charcoal:#000000;--warm-glass:rgba(0,0,0,0.95);--dashboard-tooltip-text:#ffffff}/* ═══════════════════════════════════════════════════════════ DARK — Anthracite Froid:carbone profondo,accent acciaio Tema scuro neutro-freddo (alternativa cool a Obsidian caldo) ═══════════════════════════════════════════════════════════ */ html.theme-dark{--accent:#7a90b0;--accent-light:#96aac8;--accent-pale:rgba(122,144,176,0.18);--accent-dark:#5e7490;--accent-rgb:122,144,176;--bg-base:#0c0f14;--bg-surface:#161b24;--bg-deep:#202838;--bg-panel:#161b24;--border-color:#28303e;--border-warm:#1e2430;--text-base:#d8dce6;--text-muted:#8898a8;--text-faint:#546070;--surface-white:#d8dce6;--surface-black:#f0f4f8;--surface-dark:#000000;--surface-dark-rgb:0,0,0;--text-rgb:216,220,230;--surface-charcoal:#080b10;--warm-glass:rgba(12,15,20,0.92);--dashboard-tooltip-text:#d8dce6}/* ═══════════════════════════════════════════════════════════ RED — Bordeaux Réserve:vino profondo su avorio rosato ═══════════════════════════════════════════════════════════ */ html.theme-red{--accent:#8b1a2a;--accent-light:#ab3040;--accent-pale:rgba(139,26,42,0.12);--accent-dark:#6e1020;--accent-rgb:139,26,42;--bg-base:#fdf8f8;--bg-surface:#f5ecec;--bg-deep:#ead8d8;--bg-panel:#ffffff;--border-color:#ddc8c8;--border-warm:#f8f0f0;--text-base:#1a1010;--text-muted:#5a3838;--text-faint:#9a7878;--surface-dark:#120408;--surface-dark-rgb:18,4,8;--surface-charcoal:#1a0a0a}/* ═══════════════════════════════════════════════════════════ PURPLE — Violet Impérial:ametista reale su bianco lavanda ═══════════════════════════════════════════════════════════ */ html.theme-purple{--accent:#6b3fa0;--accent-light:#8b5fc0;--accent-pale:rgba(107,63,160,0.12);--accent-dark:#522e80;--accent-rgb:107,63,160;--bg-base:#faf8fe;--bg-surface:#f0ebfa;--bg-deep:#e4d8f4;--bg-panel:#ffffff;--border-color:#d8cce8;--border-warm:#f4f0fa;--text-base:#16101e;--text-muted:#503870;--text-faint:#907898;--surface-dark:#0c0614;--surface-dark-rgb:12,6,20;--surface-charcoal:#120818}/* ═══════════════════════════════════════════════════════════ YELLOW — Ambre Précieux:goldenrod scuro su avorio caldo ═══════════════════════════════════════════════════════════ */ html.theme-yellow{--accent:#b8860b;--accent-light:#d4a82a;--accent-pale:rgba(184,134,11,0.12);--accent-dark:#926800;--accent-rgb:184,134,11;--bg-base:#fdfbf2;--bg-surface:#f8f2dc;--bg-deep:#f0e8c4;--bg-panel:#ffffff;--border-color:#e0d4a0;--border-warm:#faf6e8;--text-base:#1a1600;--text-muted:#5a4a10;--text-faint:#9a8840;--surface-dark:#140e00;--surface-dark-rgb:20,14,0;--surface-charcoal:#1a1200}/* ═══════════════════════════════════════════════════════════ GREEN — Forêt Précieuse:verde cacciatore su bianco bosco ═══════════════════════════════════════════════════════════ */ html.theme-green{--accent:#1e6b40;--accent-light:#2d8a58;--accent-pale:rgba(30,107,64,0.12);--accent-dark:#144e2c;--accent-rgb:30,107,64;--bg-base:#f5faf7;--bg-surface:#e4f2ea;--bg-deep:#d0e8d8;--bg-panel:#ffffff;--border-color:#c0d8c8;--border-warm:#eef6f1;--text-base:#0c1a10;--text-muted:#305040;--text-faint:#708878;--surface-dark:#060e08;--surface-dark-rgb:6,14,8;--surface-charcoal:#0c1410}/* ═══════════════════════════════════════════════════════════ BLUE — Saphir Profond:blu zaffiro su bianco lunare ═══════════════════════════════════════════════════════════ */ html.theme-blue{--accent:#1a3878;--accent-light:#2a52a8;--accent-pale:rgba(26,56,120,0.12);--accent-dark:#102460;--accent-rgb:26,56,120;--bg-base:#f5f8fd;--bg-surface:#e4ecf8;--bg-deep:#d0dcf0;--bg-panel:#ffffff;--border-color:#c0ccec;--border-warm:#eef1fa;--text-base:#0c1020;--text-muted:#304068;--text-faint:#708098;--surface-dark:#060818;--surface-dark-rgb:6,8,24;--surface-charcoal:#0a1020}/* ═══════════════════════════════════════════════════════════ SKYBLUE — Azur Léger:azzurro mediterraneo,accento Tiffany ═══════════════════════════════════════════════════════════ */ html.theme-skyblue{--accent:#2e8cbf;--accent-light:#48a8d8;--accent-pale:rgba(46,140,191,0.12);--accent-dark:#1c7099;--accent-rgb:46,140,191;--bg-base:#f2f9fd;--bg-surface:#dff0f8;--bg-deep:#c8e4f2;--bg-panel:#ffffff;--border-color:#b0d4ea;--border-warm:#e8f4fa;--text-base:#081420;--text-muted:#285878;--text-faint:#608898;--surface-dark:#041018;--surface-dark-rgb:4,16,24;--surface-charcoal:#081420}