:root {
  --bg: linear-gradient(135deg, #08090d 0%, #0f1117 100%);
  --bg2: #0f1117;
  --bg3: #161820;
  --text: #f1f5f9;
  --text-soft: #94a3b8;
  --text-faint: #334155;
  --border: #1e293b;
  --accent: #93c5fd;
  --accent-light: rgba(59, 130, 246, 0.1);
  --accent-glow: rgba(59, 130, 246, 0.15);
  --accent-border: rgba(59, 130, 246, 0.3);
  --glow: rgba(59, 130, 246, 0.2);
  --glow-cursor: rgba(45, 212, 191, 0.12);
  --grad-1: #93c5fd;
  --grad-2: #5eead4;
  --sans: 'Graphik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --t: 0.2s ease;
}

[data-theme="light"] {
  --bg: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);
  --bg2: #f9fafb;
  --bg3: #f3f4f6;
  --text: #0f172a;
  --text-soft: #475569;
  --text-faint: #94a3b8;
  --border: #e2e8f0;
  --accent: #2D6A4F;
  --accent-light: rgba(45, 106, 79, 0.08);
  --accent-glow: rgba(45, 106, 79, 0.1);
  --accent-border: rgba(45, 106, 79, 0.2);
  --glow: rgba(45, 106, 79, 0.15);
  --glow-cursor: rgba(45, 212, 191, 0.16);
  --grad-1: #2D6A4F;
  --grad-2: #0f766e;
}