@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";

/* src/styles.scss */
:root {
  color-scheme: light;
  --page-background: #f5efe2;
  --page-foreground: #1f2a1f;
  --panel-background: rgba(255, 252, 245, 0.82);
  --panel-border: rgba(31, 42, 31, 0.12);
  --accent: #135d66;
  --accent-strong: #0f454c;
  --accent-soft: #d6ece6;
  --muted: #647067;
  --danger: #ab2f3a;
  font-family:
    "Manrope",
    "Segoe UI",
    sans-serif;
}
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  min-height: 100%;
  background:
    radial-gradient(
      circle at top left,
      rgba(19, 93, 102, 0.18),
      transparent 32%),
    radial-gradient(
      circle at bottom right,
      rgba(179, 111, 52, 0.18),
      transparent 28%),
    linear-gradient(
      135deg,
      #f8f5ee 0%,
      var(--page-background) 52%,
      #efe6d3 100%);
  color: var(--page-foreground);
}
body {
  font-family:
    "Manrope",
    "Segoe UI",
    sans-serif;
}
button,
input,
textarea,
select {
  font: inherit;
}

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