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

/* src/styles.css */
:root {
  --bg: #f6f7fb;
  --panel: #ffffff;
  --panel-soft: #f1f3f8;
  --border: #d8dce5;
  --text: #0f172a;
  --muted: #5b6475;
  --accent: #2563eb;
  --accent-soft: #e4edff;
  --shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
body {
  margin: 0;
  font-family:
    "Space Grotesk",
    "Segoe UI",
    system-ui,
    -apple-system,
    sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  padding: 0 16px 28px 16px;
}
button,
input,
select {
  font-family: inherit;
}
::selection {
  background: var(--accent-soft);
  color: var(--text);
}

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