/* ---------- Design tokens ---------- */ :root { --slate: #2e3140; --sky: #b8c6e8; --deep-sky: #6f86c4; --light: #f2f3f7; --mint: #8fcfc7; --mint-deep: #2f6b63; --accent: #e8b95a; --danger: #d6483f; --bg: #ffffff; --bg-alt: var(--light); --surface: #ffffff; --ink: var(--slate); --ink-soft: #5b5f72; --border: #e3e6ef; --primary: var(--deep-sky); --primary-contrast: #ffffff; --shadow: 0 10px 30px rgba(46, 49, 64, 0.08); --shadow-sm: 0 2px 10px rgba(46, 49, 64, 0.06); --radius-lg: 24px; --radius-md: 16px; --radius-sm: 10px; --max-width: 1160px; --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } /* Theme follows the device/browser setting only — no manual toggle, so this is the only place light/dark values are defined (no [data-theme] attribute variant). */ @media (prefers-color-scheme: dark) { :root { --bg: #171b21; --bg-alt: #10141a; --surface: #1f242c; --ink: #f2f3f7; --ink-soft: #b6bccb; --border: #2c323d; --primary: var(--sky); --primary-contrast: #10141a; --shadow: 0 10px 30px rgba(0, 0, 0, 0.35); --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.3); } } /* ---------- Reset ---------- */ * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; font-family: var(--font); background: var(--bg); color: var(--ink); line-height: 1.55; -webkit-font-smoothing: antialiased; /* Always visible by default (never animation-hidden on load) — an autoplaying keyframe fade-in was tried here and could get stuck frozen on its opening frame (opacity: 0) under throttling, leaving the page permanently blank. main.js fades the page OUT to this same opacity property just before a same-site navigation; the next page then simply appears at its normal opacity, which still reads as a smooth cross-page transition. */ opacity: 1; transition: background-color 0.2s ease, color 0.2s ease, opacity 0.18s ease; } /* Set synchronously by an inline script at the very top of (before pt.json/en.json's fetch resolves), so a stored EN preference never flashes the PT fallback text baked into the HTML. i18n.js removes this class once translations are applied — see that file's loadLang(). A