/* stylelint-disable declaration-block-single-line-max-declarations */
:root { --surface-base: #f5f3ed; --surface-raised: #fffdf8; --surface-tint: #e8ede2; --surface-footer: #eeece4; --ink: #30362e; --ink-strong: #1d281f; --ink-muted: #627064; --line: #d6d9ce; --line-strong: #aeb8a9; --accent: #bf5b34; --accent-hover: #a94b29; --accent-ink: #fffaf3; --focus: rgb(191 91 52 / 25%); color-scheme: light; }
[data-theme="dark"] { --surface-base: #161b17; --surface-raised: #202720; --surface-tint: #293229; --surface-footer: #111611; --ink: #d9dfd4; --ink-strong: #f0f3eb; --ink-muted: #adb9ad; --line: #354035; --line-strong: #576658; --accent: #e8885d; --accent-hover: #f09a72; --accent-ink: #22150f; --focus: rgb(232 136 93 / 28%); color-scheme: dark; }
html, body, .site-header, .site-footer, .card, .language-switcher, .theme-toggle, .form-field input, .form-field textarea, .form-field select { transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease; }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: .01ms !important; scroll-behavior: auto !important; } }