:root {
  /* Unified minimal-dark system */
  --bg-app: #000000;
  --bg-elevated: #1c1c1e;
  --bg-card: #2c2c2e;
  --text-primary: #ffffff;
  --text-secondary: #a1a1a6;
  --accent: #00d4ee;
  --accent-bright: #5cefff;
  --accent-alt: #e879f9;
  --accent-muted: rgba(0, 212, 238, 0.15);
  --accent-like: #4ade80;
  --accent-pass: #f87171;
  --accent-super: #60a5fa;
  --bg-void: var(--bg-app);
  --surface: var(--bg-elevated);
  --surface-raised: var(--bg-card);
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);
  --text: var(--text-primary);
  --muted: var(--text-secondary);
  --success: #30d158;
  --error: #ff453a;
  --warning: #ffd60a;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-card: 18px;
  --radius-pill: 9999px;
  --radius-full: var(--radius-pill);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --touch: 44px;
  --tab-h: 72px;
  --tab-bar-inset: 12px;
  --shell-w: 100%;
  --layout-desktop-min: 768px;
  --font-body: Inter, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-cyber: var(--font-body);
  --font-brutal: "Archivo Black", var(--font-body);
  --font-graffiti: "Cherry Bomb One", cursive;
  --font-bitcount: "Bitcount Ink", monospace;
  --font-glitch: "Rubik Glitch", sans-serif;
  --font-hand: "Nanum Pen Script", cursive;
  --font-changa: "Changa One", sans-serif;
  --motion: 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 150ms;
  --duration-normal: 320ms;
  --duration-slow: 420ms;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.45);
  --shadow-glow: 0 0 40px rgba(0, 212, 238, 0.12);
  --glass: rgba(28, 28, 30, 0.85);
  --zone-welcome-bg: #000000;
  --zone-cyber-bg: var(--bg-app);
  --zone-main-bg: var(--bg-app);
  --zone-main-panel: var(--bg-elevated);
  --zone-server-bg: var(--bg-app);
  --zone-spray-yellow: #fbbf24;
  --zone-spray-pink: #f472b6;

  /* Z-index scale — single source of truth for layering */
  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 100;
  --z-nav: 200;
  --z-stack: 300;
  --z-overlay: 400;
  --z-modal: 500;
  --z-toast: 600;
  --z-splash: 900;

  /* Accessible focus ring */
  --focus-ring-color: var(--accent-bright);
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;

  /* Type scale */
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-md: 17px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 30px;
  --leading-tight: 1.2;
  --leading-snug: 1.35;
  --leading-normal: 1.5;
}