:root {
  --zone-header_bg: #0b1220;
  --zone-heading: #0b1220;
  --zone-subheading: #3a4456;
  --zone-description: #5a6475;
  --zone-link: #2563eb;
  --zone-icon: #2563eb;
  --zone-card_bg: #ffffff;
  --zone-surface_muted: #f7fafc;
  --zone-surface_inset: #eef2f7;
  --zone-border: #e2e8f0;
  --zone-divider: #e5e7eb;
  --zone-button_bg: #2563eb;
  --zone-button_text: #ffffff;
  --zone-button_hover: #1d4ed8;
  --zone-success: #16a34a;
  --zone-warning: #f59e0b;
  --zone-danger: #dc2626;
  --zone-info: #0ea5e9;
  --zone-badge_bg: #eef2f7;
  --zone-badge_text: #1f2937;
  --zone-badge_border: #d1d5db;
  --zone-primary_gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  --zone-accent_gradient: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);
  --zone-success_gradient: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);
  --zone-warning_gradient: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
  --zone-danger_gradient: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
  --zone-shadow_soft: 0 2px 8px rgba(0,0,0,0.06);
  --zone-shadow_medium: 0 6px 20px rgba(0,0,0,0.12);
  --zone-shadow_strong: 0 10px 40px rgba(0,0,0,0.18);
  --zone-focus_ring: 0 0 0 3px rgba(37,99,235,0.35);
  --zone-focus_bg: #e0e7ff;
  --zone-overlay: rgba(0,0,0,0.4);
  --zone-backdrop: rgba(0,0,0,0.6);
}

body.night {
  --zone-header_bg: #020617;
  --zone-heading: #f9fafb;
  --zone-subheading: #c7cfda;
  --zone-description: #9aa4b2;
  --zone-link: #60a5fa;
  --zone-icon: #60a5fa;
  --zone-card_bg: #0f172a;
  --zone-surface_muted: #020617;
  --zone-surface_inset: #1e293b;
  --zone-border: #1e293b;
  --zone-divider: #334155;
  --zone-button_bg: #3b82f6;
  --zone-button_text: #ffffff;
  --zone-button_hover: #2563eb;
  --zone-success: #22c55e;
  --zone-warning: #fbbf24;
  --zone-danger: #f87171;
  --zone-info: #38bdf8;
  --zone-badge_bg: #1e293b;
  --zone-badge_text: #e5e7eb;
  --zone-badge_border: #334155;
  --zone-primary_gradient: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
  --zone-accent_gradient: linear-gradient(135deg, #22c55e 0%, #4ade80 100%);
  --zone-success_gradient: linear-gradient(135deg, #22c55e 0%, #4ade80 100%);
  --zone-warning_gradient: linear-gradient(135deg, #fbbf24 0%, #fde047 100%);
  --zone-danger_gradient: linear-gradient(135deg, #f87171 0%, #ef4444 100%);
  --zone-shadow_soft: 0 2px 8px rgba(0,0,0,0.4);
  --zone-shadow_medium: 0 6px 20px rgba(0,0,0,0.6);
  --zone-shadow_strong: 0 10px 40px rgba(0,0,0,0.8);
  --zone-focus_ring: 0 0 0 3px rgba(96,165,250,0.45);
  --zone-focus_bg: #1e3a8a;
  --zone-overlay: rgba(2,6,23,0.6);
  --zone-backdrop: rgba(2,6,23,0.85);
}