/* ═══════════════════════════════════════════════════════ MYLOD · Apple Design System — shared across all pages ═══════════════════════════════════════════════════════ */ /* ── Design Tokens ───────────────────────────────────── */ :root { --ap-text: #1d1d1f; --ap-secondary: #6e6e73; --ap-tertiary: #a1a1a6; --ap-bg: #ffffff; --ap-bg2: #f5f5f7; --ap-blue: #0071e3; --ap-blue-hover: #0077ed; --ap-blue-light: rgba(0,113,227,0.08); --ap-border: rgba(0,0,0,0.10); --ap-border-light: rgba(0,0,0,0.06); --ap-radius-sm: 8px; --ap-radius: 14px; --ap-radius-lg: 20px; --ap-radius-pill: 980px; --ap-shadow-sm: 0 1px 6px rgba(0,0,0,0.06); --ap-shadow: 0 2px 16px rgba(0,0,0,0.08); --ap-shadow-hover: 0 8px 28px rgba(0,0,0,0.12); --ap-transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1); --ap-font: -apple-system, BlinkMacSystemFont, "Inter", "Helvetica Neue", Arial, sans-serif; } /* ── Base ────────────────────────────────────────────── */ *, *::before, *::after { box-sizing: border-box; } html { overflow-x: hidden; } body { font-family: var(--ap-font) !important; background-color: var(--ap-bg) !important; color: var(--ap-text) !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; width: 100%; /* Sticky footer: funzioni/footer.php mette già `mt-auto` sul