/* src/styles.scss */
:root {
  --wn-primary: #25c3a6;
  --wn-primary-deep: #147e76;
  --wn-on-primary: #ffffff;
  --wn-bg: #edf6f5;
  --wn-bg-accent: #d8f5ee;
  --wn-surface: rgba(255, 255, 255, 0.9);
  --wn-surface-soft: rgba(244, 249, 249, 0.95);
  --wn-border: rgba(19, 39, 55, 0.12);
  --wn-text: #12233a;
  --wn-muted: #5e7189;
  --wn-danger: #c62828;
  --wn-success: #147e76;
  --wn-shadow: 0 18px 54px rgba(14, 35, 51, 0.08);
  --wn-font-body:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}
:root.wn-dark {
  --wn-bg: #07121f;
  --wn-bg-accent: #0d2533;
  --wn-surface: rgba(10, 21, 34, 0.88);
  --wn-surface-soft: rgba(16, 31, 48, 0.98);
  --wn-border: rgba(255, 255, 255, 0.08);
  --wn-text: #f6fbff;
  --wn-muted: #a5b6c8;
  --wn-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  min-height: 100%;
}
body {
  margin: 0;
  font-family: var(--wn-font-body);
  background:
    radial-gradient(
      circle at top left,
      color-mix(in srgb, var(--wn-primary) 15%, transparent),
      transparent 24%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--wn-bg) 96%, white),
      var(--wn-bg));
  color: var(--wn-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
button,
input,
textarea,
select {
  font: inherit;
}
a {
  color: inherit;
}
.eyebrow {
  margin: 0;
  color: var(--wn-primary-deep);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
:where(button, a, input, textarea, select):focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.22rem color-mix(in srgb, var(--wn-primary) 28%, transparent);
}

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