/* src/styles.css */
:root {
  --color-text: #050505;
  --color-muted: #777f8d;
  --color-border: #dde5f1;
  --color-surface: #f5f7fb;
  --color-surface-strong: #edf2fa;
  --color-accent: #2f2362;
  --color-accent-soft: #706fb5;
  --color-footer: #232225;
  --color-quote: #4c4c4c;
  --container-width: 1200px;
  --section-space: clamp(4.75rem, 8vw, 7.5rem);
  --radius-panel: 1.75rem;
  --radius-card: 1.25rem;
  --panel-padding: clamp(1.5rem, 3vw, 2.5rem);
  --shadow-soft: 0 22px 60px rgba(12, 18, 38, 0.08);
  --shadow-card: 0 12px 32px rgba(19, 28, 45, 0.05);
  color-scheme: light;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  color: var(--color-text);
  background:
    linear-gradient(
      180deg,
      #fbfbfe 0,
      #ffffff 18rem);
  font-family:
    "Noto Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}
img {
  display: block;
  max-width: 100%;
}
a {
  color: inherit;
}
button,
input,
textarea,
select {
  font: inherit;
}
.container {
  width: min(calc(100% - 2.5rem), var(--container-width));
  margin-inline: auto;
}
@media (max-width: 640px) {
  .container {
    width: min(calc(100% - 1.5rem), var(--container-width));
  }
}

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