/** * tokens.css — Design token di CompitiAmo® * * Estratti dalle pagine HTML custom pubblicate su compitiamo.com * (es. /consulenze-genitori) per garantire continuità visiva assoluta * tra sito pubblico e area gestionale. * * Font: Fraunces (display, serif variabile) + Inter (testo). * Vanno caricati da Google Fonts nella di ogni pagina. * * Regola: nessun colore, raggio o spaziatura hardcoded nelle pagine. * Se serve un valore nuovo, si aggiunge qui. */ :root { /* ---- Palette core ---- */ --bg: #f6fcfb; --bg-soft: #edf8f6; --text: #163635; --ink: #0f2827; --muted: #567370; --accent: #4cb6ab; --accent-dark: #2b8e84; --line: #d8ece8; --white: #ffffff; /* ---- Estensione calda ---- */ --warm: #e9c9a7; /* sabbia */ --warm-deep: #c48e5f; /* terracotta tenue */ --cream: #fdf7ee; /* ---- Semantici (aggiunti per il gestionale) ---- */ --ok: #2b8e84; --warn: #c48e5f; --danger: #b4453c; --danger-soft: #fbeceb; --info: #4c86b6; /* ---- Superfici e velature (usate dall'area gestionale) ---- */ --surface: var(--white); --surface-2: #f3faf9; --accent-soft: rgba(76, 182, 171, .12); --warm-soft: rgba(196, 142, 95, .13); --pill: 999px; /* ---- Elevazione ---- */ --shadow: 0 10px 30px rgba(22, 54, 53, .08); --shadow-lg: 0 24px 60px rgba(22, 54, 53, .12); /* ---- Forma ---- */ --radius: 22px; --radius-sm: 14px; --radius-pill: 999px; --max: 1140px; /* ---- Spaziatura ---- */ --sp-1: 6px; --sp-2: 12px; --sp-3: 18px; --sp-4: 26px; --sp-5: 40px; --sp-6: 64px; /* ---- Tipografia ---- */ --font-display: "Fraunces", Georgia, serif; --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }