:root {
  color-scheme: light;
  --z-font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --z-bg-app: #f4f7fb;
  --z-bg-subtle: #eef3f9;
  --z-surface: #ffffff;
  --z-surface-soft: #f8faff;
  --z-surface-raised: #ffffff;

  --z-sidebar: #071629;
  --z-sidebar-raised: #0b1d34;
  --z-sidebar-text: #f7fbff;
  --z-sidebar-muted: #91a3bb;

  --z-text: #12213a;
  --z-text-strong: #07172d;
  --z-text-muted: #66758b;
  --z-text-soft: #8794a7;
  --z-border: #e4eaf2;
  --z-border-strong: #d7dfeb;

  --z-brand-blue: #1268ff;
  --z-brand-blue-strong: #074ed8;
  --z-brand-cyan: #1ddce5;
  --z-brand-ink: #071a35;

  --z-success: #0a8f68;
  --z-warning: #a86600;
  --z-danger: #c83c4b;
  --z-focus: rgba(18, 104, 255, 0.34);

  --z-radius-sm: 10px;
  --z-radius-md: 14px;
  --z-radius-lg: 20px;
  --z-radius-xl: 28px;

  --z-shadow-sm: 0 1px 2px rgba(13, 31, 55, 0.05), 0 6px 18px rgba(13, 31, 55, 0.04);
  --z-shadow-md: 0 18px 45px rgba(16, 37, 66, 0.09);

  --z-space-1: 4px;
  --z-space-2: 8px;
  --z-space-3: 12px;
  --z-space-4: 16px;
  --z-space-5: 20px;
  --z-space-6: 24px;
  --z-space-8: 32px;
  --z-space-10: 40px;
  --z-space-12: 48px;

  --z-motion-fast: 140ms;
  --z-motion-base: 190ms;
  --z-ease-standard: cubic-bezier(0.2, 0, 0, 1);
}