:root {
  --space: 0.25rem;

  --color-accent: rgb(210, 239, 255);
  --color-background: rgb(248, 252, 255);
  --color-border: rgb(213, 223, 232);
  --color-card: rgb(255, 255, 255);
  --color-emerald-accent: rgb(43, 157, 107);
  --color-foreground: rgb(3, 18, 35);
  --color-input: rgb(220, 230, 238);
  --color-muted: rgb(236, 243, 248);
  --color-muted-foreground: rgb(73, 86, 102);
  --color-primary: rgb(0, 35, 90);
  --color-primary-foreground: rgb(242, 250, 255);
  --color-secondary-foreground: rgb(4, 27, 49);
  --color-secondary: rgb(247, 187, 40);

  --gradient-gold: linear-gradient(135deg, rgb(255, 196, 30) 0%, rgb(249, 165, 28) 100%);
  --gradient-hero: linear-gradient(135deg, rgb(0, 23, 71) 0%, rgb(0, 48, 115) 60%, rgb(0, 74, 137) 100%);
}

body {
  margin: 0 auto; 
  font-family: system-ui, sans-serif;
  background-color: var(--color-background);
  color: var(--color-foreground);
  min-width: 320px;
}