/* ═══════════════════════════════════════════════════════════════════ OdontoPro — Design Tokens · Reset · Layout · Typography · Buttons Breakpoints: xs 480 | sm 640 | md 880 | lg 1024 | xl 1240 ═══════════════════════════════════════════════════════════════════ */ :root { /* ── Palette (defaults — overridden by Tweaks runtime) ── */ --green-900: #0f2e22; --green-800: #1b4332; --green-700: #2d6a4f; --green-600: #3f8a6a; --green-500: #5c9d80; --green-100: #d8e9df; --green-50: #ecf3ef; --cream-100: #faf7f0; --cream-200: #f3eee3; --cream-300: #e8e0cf; --gold-600: #b8956a; --gold-700: #9a7a52; --ink-900: #0d1a14; --ink-700: #2b3a32; --ink-500: #5b6b62; --ink-300: #97a39b; --ink-100: #d8ddd9; --bg: #ffffff; --bg-tint: var(--cream-100); /* ── Radii (overridden by Tweaks runtime) ── */ --r-xs: 4px; --r-sm: 8px; --r-md: 14px; --r-lg: 22px; --r-xl: 32px; --r-pill: 999px; /* ── Typography ── */ --font-display: "Roboto Serif", "Roboto Slab", Georgia, serif; --font-sans: "Roboto", ui-sans-serif, system-ui, -apple-system, sans-serif; /* ── Spacing ── */ --container: 1240px; --gutter: clamp(20px, 4vw, 56px); --section-y: clamp(72px, 9vw, 132px); /* ── Shadows ── */ --shadow-sm: 0 1px 2px rgba(15,46,34,.05), 0 0 0 1px rgba(15,46,34,.04); --shadow-md: 0 6px 24px -8px rgba(15,46,34,.18), 0 2px 6px rgba(15,46,34,.06); --shadow-lg: 0 30px 60px -20px rgba(15,46,34,.25), 0 10px 20px -10px rgba(15,46,34,.08); /* ── Motion ── */ --ease: cubic-bezier(.2,.7,.2,1); } /* ── Reset ──────────────────────────────────────────────────────────── */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; /* * overflow-x: clip — bloqueia qualquer scroll horizontal sem criar um novo * scroll container (ao contrário de overflow: hidden, que quebraria * position: sticky no