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

body {
  font-family: 'Open Sans', sans-serif;
  line-height: 1.5;
  color: #26225E;
  background-color: #f9fafb;
}

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

button {
  background: none;
  border: none;
  cursor: pointer;
}

/* Root colors matching your schema */
:root {
  --primary-color: #26225E;   /* Deep navy */
  --primary-dark: #1D1A4A;    /* Slightly darker navy */
  --primary-light: #3B3982;   /* Slightly lighter navy */
  --secondary-color: #000000; /* Black */
  --secondary-dark: #000000;  /* Black */
  --secondary-light: #2C2C2C; /* Slightly lighter black */
  --accent-color: #EA0029;    /* Crimson */
  --accent-dark: #C30023;     /* Slightly darker crimson */
  --accent-light: #FF2E4E;    /* Slightly lighter crimson */
  --primary-gradient: linear-gradient(120deg, #26225E, #3B3982);
  --accent-gradient: linear-gradient(120deg, #EA0029, #FF2E4E);
  --hero-gradient: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0.5));
}