/* Generated by scripts/generate_dashboard_design_tokens.py; do not edit. */
/* Source: docs/ui/tokens/cockpit-core.tokens.json sha256:a358f6ec7ee918daee57372ac14a018be2b6f8fc8de0e923f0faf73078772791 */
/* Runtime authority: SurrealDB ui_theme_tokens and ui_css_bundles. */

:root {
  color-scheme: light;
  --zg-cockpit-corner-shape: squircle;
  --zg-cockpit-error: #ef4444;
  --zg-cockpit-font-mono: ui-monospace, SFMono-Regular, "Cascadia Code", Menlo, monospace;
  --zg-cockpit-font-sans: Inter, ui-sans-serif, system-ui, sans-serif;
  --zg-cockpit-grid-cross-radius: 3px;
  --zg-cockpit-grid-step: 24px;
  --zg-cockpit-motion-base: 200ms;
  --zg-cockpit-motion-fast: 160ms;
  --zg-cockpit-radius-action-button: 24px;
  --zg-cockpit-radius-action-dock: 32px;
  --zg-cockpit-radius-card: 24px;
  --zg-cockpit-radius-control: 16px;
  --zg-cockpit-radius-panel: 32px;
  --zg-cockpit-success: #10b981;
  --zg-cockpit-warning: #f59e0b;
  --zg-cockpit-widget-gap: 16px;
  --zg-font: Outfit, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --zg-max-w: 1280px;
  --zg-mono: ui-monospace, SF Mono, Cascadia Code, Menlo, monospace;
  --zg-radius-lg: 2rem;
  --zg-radius-md: 1.25rem;
  --zg-radius-sm: 0.75rem;
  --zg-radius-xl: 2.5rem;
  --zg-section-pad-x: clamp(1.25rem, 4vw, 3rem);
  --zg-section-pad-y: clamp(4rem, 8vw, 8rem);
  --zg-amber: #d97706;
  --zg-bg: #fafafa;
  --zg-bg-soft: #ffffff;
  --zg-blue: #2563eb;
  --zg-blue-glow: rgba(37, 99, 235, 0.18);
  --zg-blue-soft: rgba(37, 99, 235, 0.08);
  --zg-border: rgba(0, 0, 0, 0.08);
  --zg-border-strong: rgba(0, 0, 0, 0.16);
  --zg-cockpit-action: #2563eb;
  --zg-cockpit-action-hover: #1d4ed8;
  --zg-cockpit-bg: #f2f2f2;
  --zg-cockpit-border: rgba(0, 0, 0, 0.08);
  --zg-cockpit-grid-mark: rgba(24, 24, 27, 0.075);
  --zg-cockpit-shadow-surface: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 1px 2px -1px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.04);
  --zg-cockpit-surface: #ffffff;
  --zg-cockpit-surface-muted: #f7f7f7;
  --zg-cockpit-text: #1f1f1f;
  --zg-cockpit-text-muted: #5f5f5f;
  --zg-emerald: #059669;
  --zg-fg: #0a0a0b;
  --zg-fg-dim: rgba(10, 10, 11, 0.72);
  --zg-fg-faint: rgba(10, 10, 11, 0.32);
  --zg-fg-mute: rgba(10, 10, 11, 0.52);
  --zg-purple: #7c3aed;
  --zg-rose: #e11d48;
  --zg-shadow-blue: 0 18px 40px rgba(37, 99, 235, 0.18);
  --zg-shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.12);
  --zg-shadow-md: 0 12px 32px rgba(0, 0, 0, 0.08);
  --zg-shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.06);
  --zg-surface: rgba(0, 0, 0, 0.025);
  --zg-surface-hover: rgba(0, 0, 0, 0.05);
}

[data-theme="light"] {
  color-scheme: light;
  --zg-amber: #d97706;
  --zg-bg: #fafafa;
  --zg-bg-soft: #ffffff;
  --zg-blue: #2563eb;
  --zg-blue-glow: rgba(37, 99, 235, 0.18);
  --zg-blue-soft: rgba(37, 99, 235, 0.08);
  --zg-border: rgba(0, 0, 0, 0.08);
  --zg-border-strong: rgba(0, 0, 0, 0.16);
  --zg-cockpit-action: #2563eb;
  --zg-cockpit-action-hover: #1d4ed8;
  --zg-cockpit-bg: #f2f2f2;
  --zg-cockpit-border: rgba(0, 0, 0, 0.08);
  --zg-cockpit-grid-mark: rgba(24, 24, 27, 0.075);
  --zg-cockpit-shadow-surface: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 1px 2px -1px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.04);
  --zg-cockpit-surface: #ffffff;
  --zg-cockpit-surface-muted: #f7f7f7;
  --zg-cockpit-text: #1f1f1f;
  --zg-cockpit-text-muted: #5f5f5f;
  --zg-emerald: #059669;
  --zg-fg: #0a0a0b;
  --zg-fg-dim: rgba(10, 10, 11, 0.72);
  --zg-fg-faint: rgba(10, 10, 11, 0.32);
  --zg-fg-mute: rgba(10, 10, 11, 0.52);
  --zg-purple: #7c3aed;
  --zg-rose: #e11d48;
  --zg-shadow-blue: 0 18px 40px rgba(37, 99, 235, 0.18);
  --zg-shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.12);
  --zg-shadow-md: 0 12px 32px rgba(0, 0, 0, 0.08);
  --zg-shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.06);
  --zg-surface: rgba(0, 0, 0, 0.025);
  --zg-surface-hover: rgba(0, 0, 0, 0.05);
}

[data-theme="dark"] {
  color-scheme: dark;
  --zg-amber: #f59e0b;
  --zg-bg: #050505;
  --zg-bg-soft: #0a0a0b;
  --zg-blue: #3b82f6;
  --zg-blue-glow: rgba(59, 130, 246, 0.32);
  --zg-blue-soft: rgba(59, 130, 246, 0.16);
  --zg-border: rgba(255, 255, 255, 0.08);
  --zg-border-strong: rgba(255, 255, 255, 0.16);
  --zg-cockpit-action: #2563eb;
  --zg-cockpit-action-hover: #1d4ed8;
  --zg-cockpit-bg: #1d1d1d;
  --zg-cockpit-border: rgba(255, 255, 255, 0.08);
  --zg-cockpit-grid-mark: rgba(244, 244, 245, 0.065);
  --zg-cockpit-shadow-surface: 0 0 0 1px rgba(255, 255, 255, 0.08);
  --zg-cockpit-surface: #282828;
  --zg-cockpit-surface-muted: #333333;
  --zg-cockpit-text: #f7f7f7;
  --zg-cockpit-text-muted: #b7b7b7;
  --zg-emerald: #10b981;
  --zg-fg: #ffffff;
  --zg-fg-dim: rgba(255, 255, 255, 0.72);
  --zg-fg-faint: rgba(255, 255, 255, 0.24);
  --zg-fg-mute: rgba(255, 255, 255, 0.48);
  --zg-purple: #8b5cf6;
  --zg-rose: #f43f5e;
  --zg-shadow-blue: 0 20px 50px rgba(59, 130, 246, 0.35);
  --zg-shadow-lg: 0 24px 80px rgba(0, 0, 0, 0.55);
  --zg-shadow-md: 0 12px 40px rgba(0, 0, 0, 0.4);
  --zg-shadow-sm: 0 4px 20px rgba(0, 0, 0, 0.25);
  --zg-surface: rgba(255, 255, 255, 0.03);
  --zg-surface-hover: rgba(255, 255, 255, 0.06);
}