:root {
  --ui-color-primary: var(--zulu-color-primary, #091253);
  --ui-color-primary-hover: var(--zulu-color-secondary, #172554);
  --ui-color-on-primary: var(--zulu-color-on-primary, #ffffff);
  --ui-color-accent: var(--zulu-color-accent, #2563eb);
  --ui-color-accent-soft: var(--zulu-color-accent-soft, #dbeafe);
  --ui-color-surface: var(--zulu-color-surface, #ffffff);
  --ui-color-canvas: var(--zulu-color-canvas, #f8fafc);
  --ui-color-text: var(--zulu-color-text, #0f172a);
  --ui-color-muted: var(--zulu-color-muted, #64748b);
  --ui-color-border: var(--zulu-color-border, #e2e8f0);
  --ui-color-success: var(--zulu-color-success, #15803d);
  --ui-color-warning: var(--zulu-color-warning, #b45309);
  --ui-color-danger: var(--zulu-color-danger, #b91c1c);
  --ui-color-header: var(--zulu-color-header, #111827);
  --ui-color-header-border: var(--zulu-color-header-border, #1f2937);
  --ui-color-sidebar: var(--zulu-color-sidebar, #ffffff);
  --ui-color-sidebar-active: var(--zulu-color-sidebar-active, #eef2ff);
  --ui-login-background: var(--zulu-login-background, none);
  --ui-seat-zone-1: #ff6c53;
  --ui-seat-zone-2: #14bf9f;
  --ui-seat-zone-3: #6b95f6;
  --ui-seat-zone-4: #be84ff;
  --ui-seat-zone-5: #384abb;
  --ui-seat-zone-6: #9c47ab;
  --ui-seat-zone-7: #ece857;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 24px;
  --ui-space-6: 32px;
  --ui-radius-sm: var(--zulu-radius-sm, 7px);
  --ui-radius-md: var(--zulu-radius-md, 12px);
  --ui-radius-lg: var(--zulu-radius-lg, 18px);
  --ui-shadow-sm: var(--zulu-shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.06));
  --ui-shadow-md: var(--zulu-shadow-md, 0 16px 40px rgba(15, 23, 42, 0.12));
  --ui-font-sans: var(--zulu-font-sans, "Segoe UI", Roboto, Arial, sans-serif);
  --ui-transition: 160ms ease;
}

html {
  background: var(--ui-color-canvas);
  color: var(--ui-color-text);
}

body,
button,
input,
select,
textarea {
  font-family: var(--ui-font-sans);
}