/* src/styles.css */
:root {
  color-scheme: light;
  --page-bg:
    linear-gradient(
      180deg,
      #f6f0e7 0%,
      #efe0c8 100%);
  --surface: rgba(255, 252, 246, 0.8);
  --surface-strong: #fffdf9;
  --surface-border: rgba(18, 53, 36, 0.14);
  --text-main: #173223;
  --text-soft: #5a6c61;
  --accent: #123524;
  --accent-soft: #d9ead7;
  --warning: #8d4515;
  --focus-ring: #0c5d89;
  --focus-shadow: rgba(12, 93, 137, 0.22);
  --shadow: 0 24px 60px rgba(24, 40, 28, 0.12);
  font-family:
    "Avenir Next",
    "Segoe UI",
    "Helvetica Neue",
    sans-serif;
}
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  min-height: 100%;
  min-height: 100dvh;
  background: var(--page-bg);
  color: var(--text-main);
}
body {
  min-height: 100vh;
  min-height: 100dvh;
  padding: 0;
}
app-root {
  display: block;
  min-height: 100vh;
  min-height: 100dvh;
}
button,
input,
select,
textarea {
  font: inherit;
}
a {
  color: inherit;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex="-1"]:focus-visible {
  outline: 3px solid var(--focus-ring);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px var(--focus-shadow);
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

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