:root {
  --sans: 'Graphik', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --t: 0.2s ease;
  --bg: linear-gradient(135deg, #08090d 0%, #0f1117 100%);
  --bg2: #0f1117;
  --text: #f1f5f9;
  --text-soft: #94a3b8;
  --text-faint: #334155;
  --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);
}

[data-theme="light"] {
  --bg: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);
  --bg2: #f9fafb;
  --text: #0f172a;
  --text-soft: #475569;
  --text-faint: #94a3b8;
  --accent: #2563eb;
  --accent-light: rgba(37, 99, 235, 0.08);
  --accent-glow: rgba(37, 99, 235, 0.1);
  --accent-border: rgba(37, 99, 235, 0.2);
  --glow: rgba(37, 99, 235, 0.15);
}

[data-theme="royal"] {
  --bg: linear-gradient(135deg, #161d3a 0%, #1b234a 100%);
  --bg2: #1b234a;
  --text: #eef1fb;
  --text-soft: #a5b4ff;
  --text-faint: #7c8cff;
  --accent: #7c9bff;
  --accent-light: rgba(76, 100, 255, 0.14);
  --accent-glow: rgba(76, 100, 255, 0.2);
  --accent-border: rgba(108, 130, 255, 0.35);
  --glow: rgba(76, 100, 255, 0.25);
}