/* ========================================================= VARIABILI GLOBALI DEL TEMA Modifica solo questo file per personalizzare i colori, i font, gli spazi e le dimensioni del sito. ========================================================= */ :root { /* ---- Tema chiaro (default) ---- */ --color-bg: #ffffff; --color-bg-alt: #f0f4ea; --color-surface: #ffffff; --color-text: #1b2117; --color-text-muted: #5a6353; --color-border: #dbe3d3; --color-primary: #2e6b3e; --color-primary-hover: #234f2f; --color-primary-contrast: #ffffff; --color-accent: #c98a2c; --color-success: #1f7a6c; --color-danger: #c1443a; --shadow-sm: 0 1px 2px rgba(20, 26, 16, 0.07); --shadow-md: 0 4px 12px rgba(20, 26, 16, 0.09); --shadow-lg: 0 12px 32px rgba(20, 26, 16, 0.14); /* ---- Placeholder banner pubblicitari ---- */ --ad-bg: #eef1e8; --ad-border: #cdd6c2; --ad-text: #7c8572; /* ---- Footer: fascia verde di marca, fissa (non segue il tema chiaro/scuro) ---- */ --footer-bg: #16301d; --footer-bg-alt: #1e3d27; --footer-text: #f3f5ef; --footer-text-muted: #b9c4ae; --footer-border: rgba(255, 255, 255, 0.14); /* ---- Tipografia ---- */ --font-base: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif; --font-heading: var(--font-base); --fs-xs: 0.75rem; --fs-sm: 0.875rem; --fs-base: 1rem; --fs-md: 1.125rem; --fs-lg: 1.375rem; --fs-xl: 1.75rem; --fs-2xl: 2.25rem; --fs-3xl: 3rem; /* ---- Spaziature (scala 4px) ---- */ --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4rem; /* ---- Layout ---- */ --container-width: 1140px; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 16px; --navbar-height: 68px; /* ---- Transizioni ---- */ --transition-fast: 150ms ease; --transition-base: 250ms ease; /* ========================================================= POSIZIONE DEL LOGO NELLA NAVBAR Cambia la classe sull'elemento
: navbar--logo-left (default) navbar--logo-center navbar--logo-right Nessuna variabile da editare qui, รจ tutto a classi CSS. ========================================================= */ } /* ---- Tema scuro: attivato con [data-theme="dark"] su ---- */ :root[data-theme="dark"] { --color-bg: #10140d; --color-bg-alt: #161c11; --color-surface: #1a2115; --color-text: #eef1e8; --color-text-muted: #a2ab97; --color-border: #2c3423; --color-primary: #6cbf72; --color-primary-hover: #8dd393; --color-primary-contrast: #0c0f0a; --color-accent: #e0a83f; --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35); --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.45); --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.55); --ad-bg: #161c11; --ad-border: #333d29; --ad-text: #7a8470; }