* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
}

a {
    text-decoration: none;
    color: inherit;
}

html {
    scroll-behavior: smooth;
}

button {
  font: inherit;
}

:root {
  --primary: #0c0788;
  --primary-dark: #120770;
  --cream: #fefad3;
  --peach: #fdd2b9;
  --dark: #211c1b;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: var(--peach);
  border-radius: 10px;
}