/* src/styles.scss */
:root {
  --color-ivory: #EFE7D6;
  --color-sage: #A8B59E;
  --color-rose: #D2A99D;
  --color-mist: #C1CDD4;
  --color-charcoal: #3F4548;
  --color-bg: var(--color-ivory);
  --color-text: var(--color-charcoal);
  --color-muted: #6B7276;
  --color-primary: var(--color-rose);
  --color-primary-soft: #E0C4BC;
  --color-primary-contrast: var(--color-charcoal);
  --color-accent: var(--color-sage);
  --color-info: var(--color-mist);
  --color-surface: #FFFFFF;
  --color-border: rgba(63, 69, 72, 0.12);
  --color-focus: #8A9BA8;
  --color-rose-soft: var(--color-primary-soft);
  --color-rose-old: var(--color-primary);
  --color-beige: var(--color-bg);
  --color-misty-blue: var(--color-mist);
  --color-ink: var(--color-text);
  --color-ink-soft: var(--color-muted);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
}
* {
  box-sizing: border-box;
}
html {
  min-height: 100%;
  font-family:
    "Finlandica Headline",
    ui-sans-serif,
    system-ui,
    -apple-system,
    sans-serif;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: -0.01em;
  background: var(--color-bg);
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
  html {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 24px;
  }
}
body {
  min-height: 100dvh;
  margin: 0;
  font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:
    "Italiana",
    ui-serif,
    Georgia,
    serif;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.02em;
}
p,
li,
span,
a,
button,
input,
textarea,
select,
label,
div {
  font-weight: 400;
}
button,
input,
textarea,
select {
  font: inherit;
}

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