/* Shared Oat theme. Component appearance comes from Oat, not duplicate component CSS. */
:root {
 color-scheme: light;
 --background: #f4f1e9;
 --foreground: #242c36;
 --card: #ffffff;
 --card-foreground: #242c36;
 --primary: #234cb4;
 --primary-foreground: #ffffff;
 --secondary: #e8edf8;
 --secondary-foreground: #234cb4;
 --muted: #eeece6;
 --muted-foreground: #515b65;
 --faint: #efede6;
 --faint-foreground: #5c6670;
 --accent: #e3eafb;
 --border: #cccfc9;
 --input: #8c97a5;
 --ring: #234cb4;
 --radius-small: 3px;
 --radius-medium: 4px;
 --radius-large: 6px;
 --shadow-small: none;
 --shadow-medium: none;
 --shadow-large: none;
 --font-semibold: 600;
 --font-bold: 650;
 --type-title: clamp(34px, 3.2vw, 44px);
 --type-section: 28px;
 --type-tool-section: 24px;
 --type-body: 16px;
 --type-lead: 18px;
 --type-meta: 14px;
 --font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
 --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}
main { padding-block-start: 0; }
[hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) {
 *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}