/* src/styles.css */
:root {
  --primary: #4f69c5;
  --dse-blue: #b6e0f1;
  --dse-purple: #7d509d;
  --dse-coral: #e56b56;
  --dse-dark: #1a1a1a;
  --bg-light: #f8f9fb;
  --text-light: #0f172a;
  --border-light: #e2e8f0;
  --card-light: #ffffff;
  --radius: 10px;
  --radius-lg: 14px;
  --maxw: 1280px;
}
* {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
}
html {
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-family:
    Inter,
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    Arial,
    sans-serif;
  background: var(--bg-light);
  color: var(--text-light);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
img,
svg {
  max-width: 100%;
}
img {
  height: auto;
}
.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
  line-height: 1;
}
.container {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0 24px;
}
@media (min-width: 1024px) {
  .container {
    padding: 0 40px;
  }
}
.brand-subtitle {
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 300;
}
@media (max-width: 1280px) {
  .container {
    padding: 0 28px;
  }
}
@media (max-width: 768px) {
  .container {
    padding: 0 20px;
  }
}
@media (max-width: 480px) {
  .container {
    padding: 0 16px;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */