:root {
  color-scheme: light;
  --ui-font-sans: "Roboto", "Segoe UI", Arial, sans-serif;
  --ui-font-condensed: "Roboto Condensed", "Arial Narrow", "Segoe UI", Arial, sans-serif;
  --ui-font-mono: "Roboto Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --ui-bg: #f6f7f9;
  --ui-surface: #ffffff;
  --ui-surface-subtle: #f1f3f5;
  --ui-surface-strong: #e8ebf0;
  --ui-text: #1f2933;
  --ui-text-secondary: #667085;
  --ui-text-muted: #98a2b3;
  --ui-border: #dde2e8;
  --ui-border-strong: #c5cdd8;
  --ui-nav: #1f2933;
  --ui-nav-hover: #2b3742;
  --ui-nav-active: #35424e;
  --ui-nav-text: #e7edf3;
  --ui-nav-muted: #aab6c2;
  --ui-brand: #efb82a;
  --ui-brand-hover: #d4a020;
  --ui-brand-strong: var(--ui-brand-hover);
  --ui-brand-light: #f6ce67;
  --ui-brand-subtle: #fef9ec;
  --ui-info: #1d4ed8;
  --ui-info-subtle: #eff6ff;
  --ui-success: #16866a;
  --ui-success-subtle: #f0fdf4;
  --ui-warning: #b45309;
  --ui-warning-subtle: #fff2e2;
  --ui-danger: #b42318;
  --ui-danger-subtle: #fff0ee;
  --ui-sidebar-expanded: 232px;
  --ui-sidebar-collapsed: 76px;
  --ui-topbar-desktop: 60px;
  --ui-topbar-mobile: 56px;
  --ui-field-desktop: 32px;
  --ui-field-touch: 48px;
  --ui-button-desktop: 32px;
  --ui-button-touch: 44px;
  --ui-touch-target: 44px;
  --ui-radius-field: 6px;
  --ui-radius-button: 6px;
  --ui-radius-panel: 12px;
  --ui-radius-hero: 14px;
  --ui-radius-sm: 6px;
  --ui-radius-lg: 14px;
  --ui-border-width: 1px;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-6: 24px;
  --ui-space-8: 32px;
  --ui-space-10: 40px;
  --ui-space-12: 48px;
  --ui-motion-hover: 140ms;
  --ui-motion-panel: 220ms;
  --ui-motion-easing: cubic-bezier(0.2, 0, 0, 1);
  --ui-table-row: 42px;
  --ui-card-padding: 16px;
  --ui-table-cell-inline: 12px;
  --ui-text-control: 12px;
  --ui-text-label: 10px;
  --ui-text-micro: 11px;
  --ui-text-metric: 22px;
  --ui-content-max: 1440px;
  --ui-content-reading: 760px;
  --ui-content-public: 1180px;
  --ui-content-auth: 820px;
  --ui-shadow-xs: 0 1px 2px rgb(31 41 51 / 5%);
  --ui-shadow-sm: 0 8px 24px rgb(31 41 51 / 8%);
  --ui-shadow-md: 0 18px 50px rgb(31 41 51 / 10%);
  --ui-focus-color: #8a6500;
  --ui-focus-ring: 0 0 0 3px rgb(239 184 42 / 38%);
  --color-bg: var(--ui-bg);
  --color-surface: var(--ui-surface);
  --color-surface-muted: var(--ui-surface-subtle);
  --color-text: var(--ui-text);
  --color-text-secondary: var(--ui-text-secondary);
  --color-text-muted: var(--ui-text-muted);
  --color-border: var(--ui-border);
  --color-border-strong: var(--ui-border-strong);
  --color-accent: var(--ui-brand);
  --color-accent-hover: var(--ui-brand-hover);
  --color-accent-soft: var(--ui-brand-subtle);
  --color-accent-text: var(--ui-text);
  --color-success: var(--ui-success);
  --color-success-soft: var(--ui-success-subtle);
  --color-warning: var(--ui-warning);
  --color-warning-soft: var(--ui-warning-subtle);
  --color-danger: var(--ui-danger);
  --color-danger-soft: var(--ui-danger-subtle);
  --color-info: var(--ui-info);
  --color-info-soft: var(--ui-info-subtle);
  --color-sidebar: var(--ui-nav);
  --color-sidebar-muted: var(--ui-nav-muted);
  --shadow-soft: var(--ui-shadow-md);
  --radius-sm: var(--ui-radius-field);
  --radius-md: var(--ui-radius-panel);
  --space-1: var(--ui-space-1);
  --space-2: var(--ui-space-2);
  --space-3: var(--ui-space-3);
  --space-4: var(--ui-space-4);
  --space-5: 20px;
  --space-6: var(--ui-space-6);
  --space-8: var(--ui-space-8);
}