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

/* Remove default browser padding/margins */
html, body {
  margin: 0;
  padding: 0;
}


:root {
  /* Colors */
  --primary: #0000A1;
  --secondary: #FB6648;
  --white: #ffffff;
  --gray: #E6E6E6;
  --text: #111827;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;

  /* Typography */
  --font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Mobile-first base styles */
html {
  font-family: var(--font-base);
  font-size: 16px;
  color: var(--text);
}

/* Breakpoints */
@media (min-width: 480px) {
  /* small tablets */
}

@media (min-width: 768px) {
  /* tablets */
}

@media (min-width: 1024px) {
  /* desktop */
}