/* libs/theme-styles/src/lib/base.scss */
:where(html) {
  color-scheme: light;
  accent-color: var(--primary);
  -webkit-text-size-adjust: 100%;
}
:where(html[data-theme=dark]) {
  color-scheme: dark;
}
:where(body) {
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--font-body, system-ui, sans-serif);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-heading, var(--font-body, inherit));
  line-height: 1.2;
}
:where(code, kbd, pre, samp) {
  font-family: var(--font-mono, ui-monospace, monospace);
}
:where(button, input, select, textarea) {
  font: inherit;
}
:where(a) {
  color: var(--primary);
}
:where(:focus-visible) {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
::selection {
  background-color: color-mix(in srgb, var(--primary) 30%, transparent);
}

/* apps/video-client/src/styles.scss */
:root {
  --accent: var(--primary);
  --complement: var(--secondary);
  --error: var(--danger);
  --error-surface: color-mix(in srgb, var(--danger) 12%, var(--background));
  --error-border: color-mix(in srgb, var(--danger) 35%, var(--background));
  --background-rgb:
    10,
    10,
    15;
  --foreground-rgb:
    232,
    232,
    236;
  --accent-rgb:
    99,
    102,
    241;
  --background-color: var(--background);
  --foreground-color: var(--foreground);
  --accent-color: var(--accent);
  --complementary-color: var(--complement);
  --primary-color: var(--accent);
  --button-text-color: #ffffff;
  --text-color: var(--foreground);
  --text-secondary-color: rgba(var(--foreground-rgb, 232, 232, 236), 0.6);
  --surface-color: var(--background);
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
}
html,
body {
  height: 100%;
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-body, "system-ui");
  scroll-behavior: smooth;
}
::selection {
  background: rgba(var(--accent-rgb, 99, 102, 241), 0.3);
  color: var(--foreground);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: rgba(var(--background-rgb, 10, 10, 15), 0.8);
}
::-webkit-scrollbar-thumb {
  background: rgba(var(--accent-rgb, 99, 102, 241), 0.4);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--accent-rgb, 99, 102, 241), 0.6);
}
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--accent-rgb, 99, 102, 241), 0.4) rgba(var(--background-rgb, 10, 10, 15), 0.8);
}

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