/* Custom styles for smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Custom color variables matching the design tokens */
:root {
  --color-primary: #081421;
  --color-secondary: #282b28;
  --color-accent: #c0d8cd;
  --color-muted: #f3d3bd;
  --color-background: #fcfaf9;
  --color-highlight: #ff8c42;
}

/* Tailwind will handle most styling, but add any custom overrides here */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}