:root { --accent: #0E8DB3; --on-accent: #FFFFFF; --peach: #e2f1f6; --canvas: #F1F5F9; --card: #FFFFFF; --soft: #f9fbfd; --track: #E2E8F0; --line: #E2E8F0; --outline: #c2c9d2; --ink: #0F172A; --muted: #64748B; --cta: #F7941F; --on-cta: #FFFFFF; --side: #0B5269; --side-line: #0a485c; --side-ink: #c9d9de; --side-strong: #FFFFFF; --side-hover: rgba(255,255,255,0.08); --side-on: #0E8DB3; --side-on-ink: #FFFFFF; --radius: 6px; --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; }
.dark { --accent: #22A7CF; --on-accent: #FFFFFF; --peach: #163f55; --canvas: #0B1622; --card: #122232; --soft: #0f1c2a; --track: #1E3346; --line: #1E3346; --outline: #36495a; --ink: #E2E8F0; --muted: #94A3B8; --cta: #F7941F; --on-cta: #FFFFFF; --side: #0E1C2A; --side-line: #0c1925; --side-ink: #cacdd0; --side-strong: #FFFFFF; --side-hover: rgba(255,255,255,0.08); --side-on: #11384A; --side-on-ink: #6fc6e0; }
html { font-size: 16px; }
body { font-family: var(--font-sans); }