@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&family=Instrument+Serif&family=Outfit:wght@400;500;600&family=Source+Serif+4:opsz,wght@8..60,600;8..60,650&display=swap";

/* src/styles.scss */
:root {
  --font-sans:
    "IBM Plex Sans",
    "Segoe UI",
    sans-serif;
  --font-display:
    "Source Serif 4",
    Georgia,
    serif;
  --font-editorial:
    "Instrument Serif",
    Georgia,
    serif;
  --font-mono:
    "IBM Plex Mono",
    Consolas,
    monospace;
  --font-outfit:
    "Outfit",
    "Segoe UI",
    sans-serif;
  --color-canvas: #eef3f2;
  --color-canvas-deep: #d9e4e2;
  --color-surface: #ffffff;
  --color-surface-muted: #f3f7f6;
  --color-text: #173039;
  --color-text-muted: #5b6f76;
  --color-border: #d3dde0;
  --color-border-strong: #b7c5ca;
  --color-accent: #0f6b63;
  --color-accent-hover: #0c574f;
  --color-accent-contrast: #f7fffd;
  --color-accent-soft: rgb(15 107 99 / 16%);
  --color-danger: #a12b32;
  --color-danger-soft: rgb(161 43 50 / 10%);
  --color-focus: #1d6f8f;
  --radius-sm: 0.4rem;
  --radius-md: 0.7rem;
  --radius-lg: 1.1rem;
  --shadow-elevated: 0 18px 40px rgb(23 48 57 / 10%);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  min-height: 100%;
}
body {
  font-family: var(--font-sans);
  color: var(--color-text);
  background: var(--color-canvas);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
button,
input {
  font: inherit;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

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