@charset "UTF-8";

/* src/styles.scss */
:root {
  --bg: #08090f;
  --bg-elevated: #0d0f18;
  --surface: rgba(22, 25, 37, 0.72);
  --surface-solid: #161925;
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);
  --input-bg: rgba(8, 9, 15, 0.6);
  --text: #e6e8f0;
  --text-secondary: #a2a8bd;
  --text-muted: #676d82;
  --text-label: #8f95ab;
  --accent: #5b7cfa;
  --accent-text: #ffffff;
  --accent-bright: #7c93ff;
  --accent-deep: #3f5bd8;
  --accent-violet: #9d6bf5;
  --accent-cyan: #4fd1e0;
  --focus-ring: rgba(91, 124, 250, 0.32);
  --danger: #ff7a86;
  --danger-bg: rgba(255, 122, 134, 0.1);
  --danger-border: rgba(255, 122, 134, 0.28);
  --success: #5fdda4;
  --success-bg: rgba(95, 221, 164, 0.1);
  --success-border: rgba(95, 221, 164, 0.28);
  --warning: #f5c06b;
  --radius: 14px;
  --radius-sm: 9px;
}
.client-themed {
  --border: color-mix(in srgb, var(--text) 14%, transparent);
  --border-strong: color-mix(in srgb, var(--text) 26%, transparent);
  --input-bg: color-mix(in srgb, var(--surface-solid) 94%, var(--text));
  --text-muted: var(--text-secondary);
  --text-label: var(--text-secondary);
  --focus-ring: color-mix(in srgb, var(--accent) 30%, transparent);
  --accent-bright: color-mix(in srgb, var(--accent) 86%, var(--text));
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
body {
  -webkit-font-smoothing: antialiased;
  background: var(--bg);
  color: var(--text);
  font-family:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  font-size: 15px;
  line-height: 1.5;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}

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