/* Color Variables */
:root {
  --color-dark-light: hsl(222 47% 10%);
  --color-dark-dark: hsl(222 47% 6%);
  --color-accent: hsl(84 81% 44%);
  --color-foreground: hsl(0 0% 100%);
  --color-muted-foreground: hsl(0 0% 70%);
  --color-card: hsl(222 47% 10% / 0.5);
}

/* Gradient Variables */
:root {
  --gradient-page: linear-gradient(180deg, hsl(222 47% 10%), hsl(222 47% 6%));
  --gradient-middle: linear-gradient(135deg, hsl(222 47% 8%), hsl(222 47% 4%));
  --gradient-card: linear-gradient(
    135deg,
    hsl(222 45% 12% / 0.6),
    hsl(222 47% 7% / 0.6)
  );
}