:root {
  --bg-1: #02051a;
  --bg-2: #050b26;

  --card-bg: rgba(10, 16, 40, 0.96);
  --card-border: rgba(255, 221, 140, 0.55);

  --accent-main: #ffd75a;
  --accent-alt: #fbbf24;
  --accent-hot: #f97316;

  --text-main: #f9fafb;
  --text-muted: #e5dec7;
  --text-soft: #c7bfa3;

  --radius-card: 22px;
  --radius-pill: 999px;

  --shadow-soft: 0 24px 60px rgba(0, 0, 0, 0.9);

  --transition-fast: 150ms ease-out;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text-main);
  background: linear-gradient(180deg, var(--bg-1), var(--bg-2));
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}