/* ═══════════════════════════════════════════════════════════════
   HZ LABS DESIGN TOKENS — pi.dev terminal aesthetic
   ═══════════════════════════════════════════════════════════════ */

/* ── DARK MODE (pi.dev actual) ── */
:root, [data-theme="dark"] {
  --bg-primary:   #18181e;
  --bg-secondary: #1e1e24;
  --bg-tertiary:  #282832;
  --bg-terminal:  #11111b;
  --accent:       #8abeb7;
  --accent-bright:#00d7ff;
  --accent-soft:  rgba(138,190,183,0.12);
  --accent-glow:  rgba(138,190,183,0.25);
  --fg:           #d4d4d4;
  --fg-secondary: #808080;
  --fg-tertiary:  #666666;
  --fg-dim:       #505050;
  --success:      #b5bd68;
  --warning:      #f0c674;
  --error:        #cc6666;
  --border:       #3a3a4a;
  --border-dim:   #2a2a3a;
}

/* ── LIGHT MODE (pi.dev actual) ── */
[data-theme="light"] {
  --bg-primary:   #f8f8f8;
  --bg-secondary: #ffffff;
  --bg-tertiary:  #e8e8f0;
  --bg-terminal:  #f0f0f4;
  --accent:       #5a8080;
  --accent-bright:#547da7;
  --accent-soft:  rgba(90,128,128,0.08);
  --accent-glow:  rgba(90,128,128,0.15);
  --fg:           #1a1a2e;
  --fg-secondary: #808080;
  --fg-tertiary:  #767676;
  --fg-dim:       #b0b0b0;
  --success:      #588458;
  --warning:      #9a7326;
  --error:        #aa5555;
  --border:       #d0d0e0;
  --border-dim:   #e0e0e8;
}

:root {
  /* ── Typography ── */
  --font-sans:    "Heebo", system-ui, -apple-system, sans-serif;
  --font-mono:    "Heebo", system-ui, -apple-system, sans-serif; /* switched to sans for readable Hebrew */

  /* ── Spacing ── */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 48px;
  --space-2xl: 80px;
  --space-3xl: 120px;

  /* ── Layout ── */
  --max-width: 1200px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* ── Effects ── */
  --glow: 0 0 20px var(--accent-glow);
  --glow-sm: 0 0 10px var(--accent-glow);
  --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}