/* =========================================
   GLOBAL CSS VARIABLES (DARK MODE THEME)
========================================= */
:root {
  --bg-color: #0f172a;
  --card-bg: #1e293b;
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --primary: #3b82f6;
  --accent: #14b8a6;
  --gradient: linear-gradient(135deg, #3b82f6 0%, #14b8a6 100%);
  --border-color: #334155;
}

body {
  font-family: "Inter", sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: transparent;
  color: var(--text-main);
  margin: 0;
  padding-top: 50px;
  min-height: 100vh;
}