:root { --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --radius: 16px; --page-max: 1240px; }
html { font-size: 100%; }
@media (min-width: 1400px) { :root { --page-max: 1320px; } }
:root { --accent: #0d6b5c; --accent-strong: #08493f; --accent-soft: #e4f2ef; --on-accent: #ffffff; --hero-bg: #0c3d36; --hero-card: #135348; }
@media (prefers-color-scheme: dark) { :root:not([data-mode="light"]) { --bg: #0f1316; --surface: #171c20; --sand: #1a1d1f; --text: #e8ecef; --muted: #9ba6b2; --line: #272e34; --danger: #ff8f8f; --cta: #f08a74; --cta-strong: #f4a08d; --on-cta: #2a0e07; --blob-a: #cfe3f5; --blob-b: #a9cdee; --accent: #4fc3a8; --accent-strong: #7fd8c2; --accent-soft: #14282a; --on-accent: #08201b; --hero-bg: #0c3d36; --hero-card: #135348; color-scheme: dark; } }
:root[data-mode="dark"] { --bg: #0f1316; --surface: #171c20; --sand: #1a1d1f; --text: #e8ecef; --muted: #9ba6b2; --line: #272e34; --danger: #ff8f8f; --cta: #f08a74; --cta-strong: #f4a08d; --on-cta: #2a0e07; --blob-a: #cfe3f5; --blob-b: #a9cdee; --accent: #4fc3a8; --accent-strong: #7fd8c2; --accent-soft: #14282a; --on-accent: #08201b; --hero-bg: #0c3d36; --hero-card: #135348; color-scheme: dark; }
:root[data-mode="light"] { --bg: #ffffff; --surface: #f4f7fa; --sand: #f8f3ea; --text: #14181f; --muted: #566170; --line: #dfe5ec; --danger: #a32a2a; --cta: #c2432b; --cta-strong: #a63520; --on-cta: #ffffff; --blob-a: #cfe3f5; --blob-b: #a9cdee; --accent: #0d6b5c; --accent-strong: #08493f; --accent-soft: #e4f2ef; --on-accent: #ffffff; --hero-bg: #0c3d36; --hero-card: #135348; color-scheme: light; }