:root {
  --primary: #0ea5e9;
  --primary-dark: #0284c7;
  --primary-light: #38bdf8;
  --primary-bg: #e0f2fe;
  --accent: #06b6d4;
  --bg-primary: #ffffff;
  --bg-secondary: #f0f9ff;
  --bg-tertiary: #e0f2fe;
  --text-primary: #0f172a;
  --text-secondary: #64748b;
  --border: #bae6fd;
  --success: #10b981;
  --warning: #f59e0b;
  --error: #ef4444;
  --info: #0ea5e9;
  --input-bg: #ffffff;
  --card-bg: #ffffff;
}

html.dark,
body.dark {
  --primary: #0ea5e9;
  --primary-dark: #0284c7;
  --primary-light: #38bdf8;
  --primary-bg: rgba(14, 165, 233, 0.15);
  --accent: #06b6d4;
  --bg-primary: #0c1222;
  --bg-secondary: #1e293b;
  --bg-tertiary: #334155;
  --text-primary: #f1f5f9;
  --text-secondary: #94a3b8;
  --border: #334155;
  --success: #10b981;
  --warning: #f59e0b;
  --error: #ef4444;
  --info: #0ea5e9;
  --input-bg: #0c1222;
  --card-bg: #1e293b;
}