/* ============================================================ Palette "Mollie" — sorgente UNICA dei token neutri (colore/ tipografia/superficie/raggio/ombra), condivisa da CV pubblico, area privata (PrivateLayout), login e invito (GESTIONALE v2). Chiaro/fresco, superfici bianche, ombre morbide, accento vivido. I token di LAYOUT (--wrap, --pad) restano per-contesto: il CV e l'area privata hanno larghezze diverse. L'IDENTITÀ dinamica scelta dall'owner in /admin/aspetto (--paper/--ink/--brick/--brick-deep/ --serif/--sans) sovrascrive questi default via style inline su (helper themeVars), sia sul pubblico sia sulla torre. Servito da public/, self-hostato: nessuna dipendenza esterna. ============================================================ */ :root { --paper: #fbfcff; --surface: #ffffff; --surface-2: #f2f5fd; --card-ink: #0c1330; --ink: #0c1330; --ink-soft: #39415f; --muted: #6b7492; --brick: #2b54ff; --brick-deep: #1a37c9; --line: #e7eaf3; --line-soft: #eef1f8; --ok: #0ea371; --warn: #c2870a; --danger: #d92d20; --serif: 'Hanken Grotesk', system-ui, -apple-system, sans-serif; --sans: 'Hanken Grotesk', system-ui, -apple-system, sans-serif; --mono: ui-monospace, SFMono-Regular, Menlo, monospace; --radius: 16px; --shadow: 0 1px 2px rgba(12, 19, 48, 0.05), 0 14px 40px rgba(12, 19, 48, 0.07); } /* ---- Modalità builder (solo dentro l'anteprima del gestionale) ---- Attivata da src/scripts/builder-mode.ts aggiungendo .builder-mode su quando la pagina è nell'anteprima (?builder=1 in iframe same-origin). Senza quella classe non ha alcun effetto sui visitatori del sito. */ .builder-mode [data-block-id] { cursor: pointer; position: relative; outline: 2px solid transparent; outline-offset: -2px; transition: outline-color 0.15s ease, background 0.15s ease; } .builder-mode [data-block-id]:hover { outline-color: var(--brick); background: color-mix(in srgb, var(--brick) 4%, transparent); } .builder-mode [data-block-id]:hover::before { content: '✎ Modifica sezione'; position: absolute; top: 10px; left: 10px; z-index: 60; background: var(--brick); color: #fff; font-family: var(--sans); font-size: 0.72rem; font-weight: 600; letter-spacing: -0.01em; padding: 0.28rem 0.6rem; border-radius: 999px; pointer-events: none; box-shadow: var(--shadow); }