/* ══════════════════════════════════════════════════════════════
   CC Web — Dark Neon Theme
   CSS custom properties (colors, fonts, spacing, glows)
   Ported from Electron version
   ══════════════════════════════════════════════════════════════ */

:root {
  /* ── Background scale (darkest → lightest) ── */
  --bg-void:     #02050a;
  --bg-deepest:  #05080c;
  --bg-deep:     #0a0f16;
  --bg-surface:  #0e1520;
  --bg-raised:   #131c2a;
  --bg-hover:    #1a2636;
  --bg-active:   #1e2d42;

  /* ── Borders ── */
  --border-dim:    #1a2536;
  --border-mid:    #243347;
  --border-bright: #2d4460;

  /* ── Text scale ── */
  --text-max:      #e8edf5;
  --text-high:     #b8c4d6;
  --text-mid:      #6b7d96;
  --text-low:      #3d5068;
  --text-ghost:    #243347;

  /* ── Neon accents ── */
  --neon-green:    #00ff9d;
  --neon-blue:     #00c3ff;
  --neon-purple:   #a855f7;
  --neon-pink:     #ff2d8a;
  --neon-red:      #ff3b4f;
  --neon-amber:    #ffb800;
  --neon-yellow:   #ffd666;
  --neon-cyan:     #22d3ee;
  --neon-teal:     #2dd4bf;

  /* ── Glows ── */
  --glow-green:  0 0 20px rgba(0,255,157,0.15), 0 0 4px rgba(0,255,157,0.3);
  --glow-blue:   0 0 20px rgba(0,195,255,0.12), 0 0 4px rgba(0,195,255,0.25);
  --glow-red:    0 0 12px rgba(255,59,79,0.2);
  --glow-purple: 0 0 16px rgba(168,85,247,0.15);
  --glow-amber:  0 0 12px rgba(255,184,0,0.2);
  --glow-cyan:   0 0 12px rgba(34,211,238,0.2);

  /* ── Category colors ── */
  --cat-infra:    var(--neon-red);
  --cat-webshop:  var(--neon-green);
  --cat-2klika:   var(--neon-blue);
  --cat-clients:  var(--neon-amber);

  /* ── Fonts ── */
  --mono: 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace;
  --sans: 'Inter', -apple-system, system-ui, sans-serif;

  /* ── Spacing ── */
  --sidebar-width: 220px;
  --topbar-height: 44px;
  --term-bar-height: 32px;

  /* ── Transitions ── */
  --t-fast: 0.12s ease;
  --t-normal: 0.2s ease;
}