:root {
    --brand-color-primary: #334155;
    --brand-color-secondary: #f1f5f9;
    --brand-color-background: #ffffff;
    --brand-color-text: #0f172a;
    --brand-color-accent: #475569;
    --brand-font-heading: system-ui, -apple-system, sans-serif;
    --brand-font-body: system-ui, -apple-system, sans-serif;
    --background: #ffffff;
    --foreground: #0f172a;
    --card: #ffffff;
    --card-foreground: #0f172a;
    --popover: #ffffff;
    --popover-foreground: #0f172a;
    --primary: #334155;
    --primary-foreground: #ffffff;
    --secondary: #f1f5f9;
    --secondary-foreground: #0f172a;
    --muted: #f1f5f9;
    --muted-foreground: #0f172a;
    --accent: #475569;
    --accent-foreground: #ffffff;
    --link: #334155;
    --destructive: #dc2626;
    --destructive-foreground: #ffffff;
    --border: #f1f5f9;
    --input: #f1f5f9;
    --ring: #475569;
    --sidebar: #ffffff;
    --sidebar-foreground: #0f172a;
    --sidebar-primary: #334155;
    --sidebar-primary-foreground: #ffffff;
    --sidebar-accent: #475569;
    --sidebar-accent-foreground: #ffffff;
    --sidebar-border: #f1f5f9;
    --sidebar-ring: #475569;
    --portal-header: #ffffff;
    --portal-header-foreground: #0f172a;
    --portal-footer: #ffffff;
    --portal-footer-foreground: #0f172a;
    --font-sans: system-ui, -apple-system, sans-serif;
    --font-heading: system-ui, -apple-system, sans-serif;
}
html, body {
    margin: 0;
}
body {
    font-family: var(--brand-font-body);
    color: var(--brand-color-text);
    background: var(--brand-color-background);
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}