/* ============================================================ VARIABLES ============================================================ */ :root { --ink: #070b16; --ink-2: #0a1020; --ink-3: #0d1530; --blue: #1b6dff; --blue-2: #004fd6; --sky: #69bdff; --white: #ffffff; --text: #dce8ff; --muted: #8899bb; --line: rgba(255, 255, 255, 0.08); --radius: 22px; --radius-sm:14px; --shadow: 0 24px 64px rgba(0, 0, 0, 0.45); } /* ============================================================ BASE RESET ============================================================ */ *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; } /* body.font-sans beats Tailwind's `.font-sans` utility on specificity (0,1,1 > 0,1,0) — the shared Blade layout always renders , which otherwise wins over a plain `body { font-family }` rule and silently replaces Inter with Figtree. */ body, body.font-sans { margin: 0; font-family: "Inter", Arial, sans-serif; color: var(--text); background: var(--ink); line-height: 1.6; } a { color: inherit; text-decoration: none; } img { display: block; max-width: 100%; } /* Named .ldg-container (not .container) to avoid colliding with Tailwind's own .container utility class — Tailwind's app.css is always loaded on every page (including this one) and Vite's dev-mode CSS injection appends its