/* 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;
}

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