:root { --bg: #0e0e0e; --surface: #1a1a1a; --surface-2: #222; --border: #2a2a2a; --text-primary: #f0f0f0; --text-secondary: #888; --text-tertiary: #5a5a5a; --accent: #ff5c00; --accent-soft: rgba(255, 92, 0, 0.14); --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; --font-mono: ui-monospace, "SF Mono", "Menlo", "Roboto Mono", "Consolas", monospace; --radius: 8px; --radius-pill: 999px; --gap-xs: 4px; --gap-sm: 8px; --gap-md: 16px; --gap-lg: 24px; --gap-xl: 40px; --maxw: 640px; } /* Light theme — deep navy (군청) accent. Applied via data-theme on . */ :root[data-theme="light"] { --bg: #fbfbf9; --surface: #ffffff; --surface-2: #f1f1ee; --border: #e3e3df; --text-primary: #1a1a1a; --text-secondary: #6b6b6b; --text-tertiary: #a0a0a0; --accent: #25408f; --accent-soft: rgba(37, 64, 143, 0.12); }