/* src/styles.scss */
* {
  box-sizing: border-box;
}
:root {
  --text: #132032;
  --muted: #556277;
  --panel: #ffffff;
  --line: #d6dfeb;
  --primary: #0f766e;
  --danger: #b42318;
  --ghost: #e7edf6;
  --surface-bg:
    radial-gradient(
      1400px 700px at -20% -20%,
      #d6f2ef 0%,
      transparent 55%),
    radial-gradient(
      900px 550px at 120% -10%,
      #ffe4c9 0%,
      transparent 50%),
    linear-gradient(
      180deg,
      #f4f7fb 0%,
      #f0f4f8 100%);
}
:root[data-theme=dark] {
  --text: #e6eef8;
  --muted: #aebcd2;
  --panel: #0f1a2a;
  --line: #24364f;
  --primary: #4cc4b6;
  --danger: #ff7a7a;
  --ghost: #1c2a3f;
  --surface-bg:
    radial-gradient(
      1400px 700px at -20% -20%,
      #10243d 0%,
      transparent 55%),
    radial-gradient(
      900px 550px at 120% -10%,
      #1f2f4b 0%,
      transparent 50%),
    linear-gradient(
      180deg,
      #0a1220 0%,
      #0f1a2a 100%);
}
html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  font-family:
    "Satoshi",
    "Avenir Next",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  color: var(--text);
  background: var(--surface-bg);
}
input:focus,
textarea:focus,
select:focus,
button:focus-visible,
a:focus-visible {
  outline: 2px solid #0f766e;
  outline-offset: 1px;
}
.loading-state {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}
.inline-loading {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--muted);
}
.spinner {
  width: 1rem;
  height: 1rem;
  border-radius: 999px;
  border: 2px solid rgba(15, 118, 110, 0.28);
  border-top-color: var(--primary);
  animation: app-spinner-rotate 0.9s linear infinite;
  flex: 0 0 auto;
}
.spinner.sm {
  width: 0.85rem;
  height: 0.85rem;
  border-width: 2px;
}
button .spinner {
  border-color: rgba(255, 255, 255, 0.32);
  border-top-color: #ffffff;
}
@keyframes app-spinner-rotate {
  to {
    transform: rotate(360deg);
  }
}

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