/* ==========================================================================
   CSS DARK THEME VARIABLES - TECHLEARN INDONESIA
   ========================================================================== */

:root {
  /* RGB Channels for Tailwind dynamic variables */
  --bg-color-rgb: 8, 9, 13;
  --card-bg-rgb: 15, 23, 42;
  --card-border-rgb: 0, 240, 255;
  --text-primary-rgb: 248, 250, 252;
  --text-secondary-rgb: 148, 163, 184;

  /* Helper CSS Variables */
  --bg-color: rgb(var(--bg-color-rgb));
  --bg-grid: rgba(0, 240, 255, 0.02);
  --card-bg: rgba(var(--card-bg-rgb), 0.65);
  --card-border: rgba(var(--card-border-rgb), 0.1);
  --card-border-hover: rgba(var(--card-border-rgb), 0.4);
  --text-primary: rgb(var(--text-primary-rgb));
  --text-secondary: rgb(var(--text-secondary-rgb));
  
  --accent-cyan: #00f0ff;
  --accent-blue: #3b82f6;
  --accent-glow: rgba(0, 240, 255, 0.35);
  --accent-hover: #38bdf8;
  --scrollbar-bg: #0b0c10;
  --scrollbar-thumb: #1f2937;
  --navbar-bg: rgba(8, 9, 13, 0.85);
  --shadow-neon: 0 0 15px rgba(0, 240, 255, 0.25);
  --terminal-bg: rgba(10, 11, 16, 0.95);
  --terminal-border: rgba(0, 240, 255, 0.15);
  --input-bg: rgba(15, 23, 42, 0.8);
  --input-border: rgba(255, 255, 255, 0.1);
  --badge-glow: rgba(59, 130, 246, 0.4);
}