@charset "UTF-8";

/* ../../libs/ui/theme.css */
:root {
  --color-bg: #1f1f29;
  --color-bg-alt: #252531;
  --body-dots: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8'%3E%3Ccircle cx='2' cy='2' r='0.7' fill='%23ffffff' fill-opacity='0.02'/%3E%3Ccircle cx='10' cy='6' r='0.7' fill='%23ffffff' fill-opacity='0.02'/%3E%3C/svg%3E");
  --color-text: rgba(255, 255, 255, 0.88);
  --color-text-muted: rgba(255, 255, 255, 0.45);
  --color-gold: hsla(48, 88%, 73%, 0.97);
  --color-accent: rgba(0, 212, 255, 0.9);
  --color-surface: #252531;
  --color-input-bg: #16161e;
  --color-border: rgba(255, 255, 255, 0.14);
  --warn-bg: rgba(255, 180, 0, 0.08);
  --warn-border: rgba(255, 180, 0, 0.35);
  --warn-strong: #f0c040;
  --header-bg: rgba(15, 15, 20, 0.7);
  --header-bg-scrolled: rgba(12, 12, 16, 0.94);
  --header-text: rgba(255, 255, 255, 0.88);
  --drawer-bg: rgba(18, 18, 24, 0.97);
  --drawer-link: rgba(255, 255, 255, 0.78);
  --drawer-link-hover-bg: rgba(255, 255, 255, 0.05);
  --drawer-divider: rgba(255, 255, 255, 0.07);
  --drawer-backdrop: rgba(0, 0, 0, 0.55);
  --icon-color: rgba(255, 255, 255, 0.65);
  --icon-hover-bg: rgba(255, 255, 255, 0.10);
  --icon-hover-color: #fff;
  --auth-btn-border: rgba(255, 255, 255, 0.15);
  --auth-btn-color: rgba(255, 255, 255, 0.5);
  --auth-btn-hover-border: rgba(255, 255, 255, 0.35);
  --auth-btn-hover-color: #fff;
  --dialog-bg: rgba(22, 22, 30, 0.82);
  --dialog-text: rgba(255, 255, 255, 0.88);
  --btn-bg: #2a2a36;
  --btn-text: var(--color-text);
  --btn-border: rgba(255, 255, 255, 0.25);
  --btn-hover-bg: rgba(255, 255, 255, 0.12);
  --btn-hover-text: #fff;
  --menu-bg: rgba(24, 24, 31, 0.9);
  --menu-border: rgba(255, 255, 255, 0.12);
  --uc-overlay: rgba(10, 10, 16, 0.65);
  --uc-card: rgba(255, 255, 255, 0.03);
  --uc-border: rgba(255, 255, 255, 0.08);
  --uc-bar-bg: rgba(255, 255, 255, 0.07);
}
html.light {
  --color-bg: #d9d9de;
  --color-bg-alt: #cfcfd6;
  --body-dots: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Ccircle cx='1.5' cy='1.5' r='0.6' fill='%23000000' fill-opacity='0.025'/%3E%3C/svg%3E");
  --color-text: rgba(20, 20, 32, 0.88);
  --color-text-muted: rgba(20, 20, 32, 0.45);
  --color-gold: #b8860b;
  --color-accent: rgba(0, 140, 200, 0.9);
  --color-surface: #e9e9ef;
  --color-input-bg: #fafafc;
  --color-border: rgba(0, 0, 0, 0.18);
  --warn-bg: rgba(200, 140, 0, 0.10);
  --warn-border: rgba(160, 110, 0, 0.45);
  --warn-strong: #8a6100;
  --header-bg: rgba(234, 234, 237, 0.8);
  --header-bg-scrolled: rgba(237, 237, 240, 0.94);
  --header-text: rgba(20, 20, 32, 0.88);
  --drawer-bg: rgba(245, 244, 250, 0.98);
  --drawer-link: rgba(20, 20, 32, 0.78);
  --drawer-link-hover-bg: rgba(0, 0, 0, 0.05);
  --drawer-divider: rgba(0, 0, 0, 0.08);
  --drawer-backdrop: rgba(0, 0, 0, 0.35);
  --icon-color: rgba(20, 20, 32, 0.6);
  --icon-hover-bg: rgba(0, 0, 0, 0.07);
  --icon-hover-color: rgba(20, 20, 32, 0.95);
  --auth-btn-border: rgba(0, 0, 0, 0.15);
  --auth-btn-color: rgba(20, 20, 32, 0.5);
  --auth-btn-hover-border: rgba(0, 0, 0, 0.35);
  --auth-btn-hover-color: rgba(20, 20, 32, 0.95);
  --dialog-bg: rgba(240, 239, 245, 0.88);
  --dialog-text: rgba(20, 20, 32, 0.88);
  --btn-bg: #e0dfe8;
  --btn-text: var(--color-text);
  --btn-border: rgba(0, 0, 0, 0.18);
  --btn-hover-bg: rgba(0, 0, 0, 0.08);
  --btn-hover-text: rgba(20, 20, 32, 0.95);
  --menu-bg: rgba(240, 239, 245, 0.95);
  --menu-border: rgba(0, 0, 0, 0.1);
  --uc-overlay: rgba(220, 218, 228, 0.70);
  --uc-card: rgba(255, 255, 255, 0.55);
  --uc-border: rgba(0, 0, 0, 0.10);
  --uc-bar-bg: rgba(0, 0, 0, 0.08);
}
html {
  color-scheme: dark;
}
html.light {
  color-scheme: light;
}
html,
body {
  margin: 0;
  padding: 0;
  background: var(--color-bg);
  color: var(--color-text);
  transition: background 0.3s ease, color 0.3s ease;
}

/* src/styles.scss */
html,
body {
  height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
}
body {
  background: transparent;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background-image: url("./media/fairview-PH2XTRMZ.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

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