/* src/styles.css */
@font-face {
  font-family: "Kytelos Display";
  src: url("./media/KytelosDisplay-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  --quine-bg: #0a0c11;
  --quine-bg-soft: #12151a;
  --quine-text: #f0f1f3;
  --quine-muted: #9ca3af;
  --quine-border: #2a2e36;
  --quine-surface: #181c23;
  --quine-surface-2: #222833;
  --quine-surface-elevated: #1c2028;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-2xl: 24px;
  --shadow-soft: 0 2px 12px rgba(0, 0, 0, 0.35);
  --shadow-floating: 0 8px 32px rgba(0, 0, 0, 0.5);
  --glass-fg: rgba(255, 255, 255, 0.08);
  --glass-fg-border: rgba(255, 255, 255, 0.12);
  --glass-blur: 24px;
  --quine-accent: #7122f9;
  --quine-accent-rgb:
    113,
    34,
    249;
  --quine-text-primary: var(--quine-accent);
  --quine-accent-contrast: #ffffff;
  --bd-violet-rgb:
    113,
    44,
    249;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    sans-serif;
  background-color: #f5f5f5;
  color: #212529;
  transition: background-color 0.2s ease, color 0.2s ease;
}
body.theme-light,
[data-bs-theme=light] body {
  background-color: #ffffff;
  color: #1a1d26;
  --quine-text: #1a1d26;
  --quine-muted: #6b7280;
  --glass-fg: rgba(255, 255, 255, 0.82);
  --glass-fg-border: rgba(0, 0, 0, 0.10);
  --glass-blur: 20px;
  --shadow-soft: 0 2px 12px rgba(0, 0, 0, 0.09);
  --shadow-floating: 0 8px 32px rgba(0, 0, 0, 0.14);
  --quine-bg: #ffffff;
  --quine-surface: #ffffff;
  --quine-surface-2: #f5f7fa;
  --quine-border: rgba(0, 0, 0, 0.09);
}
body.theme-light .composer-wrap,
[data-bs-theme=light] .composer-wrap {
  --quine-text: #f0f1f3;
  --quine-muted: #9ca3af;
}
body.theme-dark,
[data-bs-theme=dark] body {
  background-color: var(--quine-bg);
  color: var(--quine-text);
  position: relative;
}
body.theme-dark::before,
[data-bs-theme=dark] body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: var(--quine-bg-gradient, radial-gradient(ellipse 70% 55% at 88% 8%, rgba(160, 30, 60, 0.28) 0%, transparent 55%), radial-gradient(ellipse 55% 70% at 8% 92%, rgba(90, 20, 160, 0.22) 0%, transparent 55%), radial-gradient(ellipse 80% 60% at 45% 55%, rgba(10, 14, 28, 0.65) 0%, transparent 75%), var(--quine-bg) );
  pointer-events: none;
}
body.theme-light::before,
[data-bs-theme=light] body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: var(--quine-bg-gradient-light, radial-gradient(ellipse 70% 55% at 88% 8%, rgba(220, 80, 120, 0.18) 0%, transparent 55%), radial-gradient(ellipse 55% 70% at 8% 92%, rgba(130, 60, 220, 0.14) 0%, transparent 55%), radial-gradient(ellipse 60% 50% at 50% 50%, rgba(240, 220, 255, 0.30) 0%, transparent 70%) );
  pointer-events: none;
}
html.marketing-page,
body.marketing-page {
  background: #000000 !important;
  overscroll-behavior-y: none;
}
body.marketing-page::before {
  display: none;
}
html.dashboard-shell,
body.dashboard-shell {
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden !important;
  overscroll-behavior: none;
}
body.dashboard-shell app-root {
  display: block;
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden;
}
body.theme-dark .navbar.bg-dark,
[data-bs-theme=dark] .navbar.bg-dark {
  background-color: var(--quine-surface) !important;
  border-bottom: 1px solid var(--quine-border);
}
body.theme-dark .card,
[data-bs-theme=dark] .card {
  background-color: var(--quine-surface);
  border-color: var(--quine-border);
  color: var(--quine-text);
}
body.theme-dark .form-control,
body.theme-dark .form-select,
[data-bs-theme=dark] .form-control,
[data-bs-theme=dark] .form-select {
  background-color: var(--quine-surface-2);
  border-color: var(--quine-border);
  color: var(--quine-text);
}
body.theme-dark .form-control::placeholder,
[data-bs-theme=dark] .form-control::placeholder {
  color: var(--quine-muted);
}
body.theme-dark .form-label,
body.theme-dark label,
[data-bs-theme=dark] .form-label,
[data-bs-theme=dark] label {
  color: var(--quine-text);
}
body.theme-dark .text-muted,
[data-bs-theme=dark] .text-muted {
  color: var(--quine-muted) !important;
}
body.theme-dark .btn-light,
body.theme-dark .btn-outline-secondary,
[data-bs-theme=dark] .btn-light,
[data-bs-theme=dark] .btn-outline-secondary {
  background-color: var(--quine-surface-2);
  border-color: var(--quine-border);
  color: var(--quine-text);
}
body.theme-dark .btn-light:hover,
[data-bs-theme=dark] .btn-light:hover {
  background-color: var(--quine-border);
  border-color: var(--quine-muted);
  color: var(--quine-text);
}
body.theme-dark .bg-light,
[data-bs-theme=dark] .bg-light {
  background-color: var(--quine-surface) !important;
}
body.theme-dark h1,
body.theme-dark h2,
body.theme-dark h3,
body.theme-dark h4,
body.theme-dark h5,
body.theme-dark h6,
[data-bs-theme=dark] h1,
[data-bs-theme=dark] h2,
[data-bs-theme=dark] h3,
[data-bs-theme=dark] h4,
[data-bs-theme=dark] h5,
[data-bs-theme=dark] h6 {
  color: var(--quine-text);
}
body.theme-dark .dropdown-menu,
[data-bs-theme=dark] .dropdown-menu {
  background: var(--glass-fg);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
  border: 1px solid var(--glass-fg-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-floating);
  padding: 6px;
}
body.theme-dark .dropdown-item,
[data-bs-theme=dark] .dropdown-item {
  color: var(--quine-text);
}
body.theme-dark .dropdown-item:hover,
[data-bs-theme=dark] .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: var(--quine-text);
}
body.theme-dark .list-group-item,
[data-bs-theme=dark] .list-group-item {
  background-color: var(--quine-surface);
  border-color: var(--quine-border);
  color: var(--quine-text);
}
.glass-panel {
  background: var(--glass-fg);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-floating);
  border: 1px solid var(--glass-fg-border);
}
body.theme-dark .glass-panel,
[data-bs-theme=dark] .glass-panel {
  background: var(--glass-fg);
  border-color: var(--glass-fg-border);
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
body.theme-dark ::-webkit-scrollbar-track,
[data-bs-theme=dark] ::-webkit-scrollbar-track {
  background: var(--quine-bg);
}
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
body.theme-dark ::-webkit-scrollbar-thumb,
[data-bs-theme=dark] ::-webkit-scrollbar-thumb {
  background: var(--quine-border);
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
body.theme-dark ::-webkit-scrollbar-thumb:hover,
[data-bs-theme=dark] ::-webkit-scrollbar-thumb:hover {
  background: var(--quine-muted);
}

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