@charset "UTF-8";

/* src/styles.scss */
:root {
  --color-black: #000000;
  --color-white: #FFFFFF;
  --color-dark-gray: #1B1B1B;
  --color-light-gray: #F6F6F6;
  --color-transparent: transparent;
  --bg-primary: var(--color-black);
  --bg-secondary: var(--color-dark-gray);
  --text-primary: var(--color-white);
  --text-secondary: var(--color-white);
  --btn-primary-bg: var(--color-white);
  --btn-primary-text: var(--color-black);
  --btn-primary-hover: #e5e5e5;
  --btn-secondary-bg: var(--color-transparent);
  --btn-secondary-text: var(--color-white);
  --btn-secondary-border: var(--color-white);
  --btn-hover-bg: rgba(255, 255, 255, 0.1);
  --input-bg: var(--color-dark-gray);
  --input-border: var(--color-white);
  --input-text: var(--color-white);
  --input-placeholder: #999999;
  --nav-bg: var(--bg-secondary);
  --nav-text: var(--color-white);
  --nav-hover: rgba(255, 255, 255, 0.1);
  --nav-active: rgba(255, 255, 255, 0.2);
  --dropdown-bg: #ffffff;
  --dropdown-bg-dark: #2d2d2d;
  --dropdown-border: #e0e0e0;
  --dropdown-border-dark: #444;
  --dropdown-text: #212121;
  --dropdown-text-secondary: #616161;
  --dropdown-divider: rgba(0, 0, 0, 0.08);
  --dropdown-divider-dark: rgba(255, 255, 255, 0.1);
  --dropdown-hover-bg: rgba(0, 0, 0, 0.04);
  --dropdown-hover-bg-dark: rgba(255, 255, 255, 0.1);
  --dropdown-active-bg: rgba(25, 118, 210, 0.08);
  --dropdown-active-bg-dark: rgba(25, 118, 210, 0.2);
  --dropdown-header-bg: #f8f9fa;
  --dropdown-header-bg-dark: #383838;
  --dropdown-badge-bg: #e0e0e0;
  --dropdown-badge-bg-dark: #555;
  --dropdown-badge-text: #424242;
  --dropdown-badge-text-dark: #f5f5f5;
  --dropdown-icon: #9e9e9e;
  --dropdown-icon-dark: #9e9e9e;
  --scrollbar-track: #f1f1f1;
  --scrollbar-track-dark: #2d2d2d;
  --scrollbar-thumb: #c1c1c1;
  --scrollbar-thumb-dark: #555;
  --scrollbar-thumb-hover: #a8a8a8;
  --scrollbar-thumb-hover-dark: #666;
}
[data-theme=light] {
  --bg-primary: var(--color-white);
  --bg-secondary: var(--color-light-gray);
  --text-primary: var(--color-black);
  --text-secondary: var(--color-black);
  --btn-primary-bg: var(--color-black);
  --btn-primary-text: var(--color-white);
  --btn-primary-hover: #333333;
  --btn-secondary-bg: var(--color-transparent);
  --btn-secondary-text: var(--color-black);
  --btn-secondary-border: var(--color-black);
  --btn-hover-bg: rgba(0, 0, 0, 0.05);
  --input-bg: var(--color-white);
  --input-border: #cccccc;
  --input-text: #333333;
  --nav-text: var(--color-black);
  --nav-hover: rgba(0, 0, 0, 0.05);
  --nav-active: rgba(0, 0, 0, 0.1);
  --dropdown-bg: #ffffff;
  --dropdown-bg-dark: #2d2d2d;
  --dropdown-border: #e0e0e0;
  --dropdown-text: #212121;
  --dropdown-text-secondary: #616161;
  --dropdown-divider: rgba(0, 0, 0, 0.08);
  --dropdown-hover-bg: rgba(0, 0, 0, 0.04);
  --dropdown-active-bg: rgba(25, 118, 210, 0.08);
  --dropdown-header-bg: #f8f9fa;
  --dropdown-badge-bg: #e0e0e0;
  --dropdown-badge-text: #424242;
  --dropdown-icon: #9e9e9e;
  --scrollbar-track: #f1f1f1;
  --scrollbar-thumb: #c1c1c1;
  --scrollbar-thumb-hover: #a8a8a8;
}
:root,
[data-theme] {
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: var(--bg-primary);
  color: var(--text-primary);
}
body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  margin: 0;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  line-height: 1.5;
}
.text-primary {
  color: var(--text-primary);
}
.text-secondary {
  color: var(--text-secondary);
}
.bg-primary {
  background-color: var(--bg-primary);
}
.bg-secondary {
  background-color: var(--bg-secondary);
}
* {
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-family:
    "Segoe UI",
    Tahoma,
    Geneva,
    Verdana,
    sans-serif;
  line-height: 1.5;
  background-color: var(--bg-primary);
  color: var(--text-primary);
}
a {
  color: var(--color-accent);
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover {
  color: var(--btn-primary-hover);
}
button {
  cursor: pointer;
  font-family: inherit;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
}
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
* {
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

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