/* Operations Theme — Default AgenticUptime Theme */
/* Clean monitoring aesthetic with muted professional tones */

@import url('https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-sans/style.min.css');

:root {
  /* Primary Colors */
  --theme-bg: #FAF9F5;
  --theme-bg-secondary: #ffffff;
  --theme-bg-tertiary: #F5F4F0;

  /* Text Colors */
  --theme-text: #191919;
  --theme-text-secondary: #6B6B6B;
  --theme-text-muted: #999999;
  --theme-text-light: #4A4A4A;

  /* Accent - Muted Purple */
  --theme-accent: #7A6A8A;
  --theme-accent-hover: #6A5A7A;
  --theme-accent-subtle: rgba(122, 106, 138, 0.1);

  /* Header - Frosted Glass */
  --theme-header-bg: rgba(255, 255, 255, 0.85);
  --theme-header-blur: saturate(180%) blur(20px);
  --theme-header-border: transparent;

  /* Cards */
  --theme-card-bg: #ffffff;
  --theme-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  --theme-card-radius: 14px;

  /* Borders */
  --theme-border: #E5E4E0;
  --theme-border-light: #F5F4F0;
  --theme-border-subtle: #FAF9F5;

  /* Buttons */
  --theme-btn-primary-bg: #191919;
  --theme-btn-primary-text: #ffffff;
  --theme-btn-secondary-bg: #F5F4F0;
  --theme-btn-secondary-text: #191919;

  /* Sidebar */
  --theme-sidebar-bg: #191919;
  --theme-sidebar-text: #999999;
  --theme-sidebar-active: #ffffff;

  /* Sub Navigation */
  --theme-subnav-bg: #F5F4F0;
  --theme-subnav-text: #6B6B6B;
  --theme-subnav-active-bg: #191919;
  --theme-subnav-active-text: #ffffff;

  /* Footer */
  --theme-footer-bg: #ffffff;
  --theme-footer-text: #999999;

  /* Tags */
  --theme-tag-bg: #F5F4F0;
  --theme-tag-text: #6B6B6B;

  /* Forms */
  --theme-input-bg: #ffffff;
  --theme-input-border: #E5E4E0;
  --theme-input-focus-border: #7A6A8A;

  /* Typography */
  --theme-focus-color: var(--theme-accent);
  --theme-font-family: 'Geist Sans', 'Geist', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --theme-font-size: 15px;
  --theme-line-height: 1.6;
}

body { font-family: var(--theme-font-family); }
.tyga-header,
.header {
  -webkit-backdrop-filter: var(--theme-header-blur);
  backdrop-filter: var(--theme-header-blur);
}

/* Dark Mode — warm gold-tinted darks */
.tyga-night {
  --theme-bg: #0c0b08;
  --theme-bg-secondary: #161410;
  --theme-bg-tertiary: #1e1c16;
  --theme-text: #e8e6e0;
  --theme-text-secondary: #9c9688;
  --theme-text-muted: #6b6558;
  --theme-text-light: #4a4638;
  --theme-header-bg: rgba(12, 11, 8, 0.92);
  --theme-header-blur: saturate(180%) blur(20px);
  --theme-card-bg: #161410;
  --theme-card-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  --theme-border: #2d2a22;
  --theme-border-light: #1e1c16;
  --theme-border-subtle: #161410;
  --theme-btn-primary-bg: #c8a030;
  --theme-btn-primary-text: #0c0b08;
  --theme-btn-secondary-bg: #1e1c16;
  --theme-btn-secondary-text: #e8e6e0;
  --theme-sidebar-bg: #0c0b08;
  --theme-sidebar-text: #6b6558;
  --theme-sidebar-active: #c8a030;
  --theme-footer-bg: #0c0b08;
  --theme-tag-bg: #1e1c16;
  --theme-tag-text: #9c9688;
  --theme-input-bg: #0c0b08;
  --theme-input-border: #2d2a22;
  --theme-input-focus-border: #c8a030;
  --theme-subnav-bg: #1e1c16;
  --theme-subnav-text: #9c9688;
  --theme-subnav-active-bg: #c8a030;
  --theme-subnav-active-text: #0c0b08;
  --theme-accent: #c8a030;
  --theme-accent-hover: #e0be50;
  --theme-accent-subtle: rgba(200, 160, 48, 0.1);
  /* impeccable.style: dark-bg typography compensation */
  --theme-line-height: 1.65;
  letter-spacing: 0.01em;
  color-scheme: dark;
}

/* Dark mode overrides for elements with hardcoded light colors */
.tyga-night .header,
.tyga-night .iframe-top-header {
  background: var(--theme-header-bg);
  border-bottom-color: var(--theme-border);
  color: var(--theme-text);
}

.tyga-night .card,
.tyga-night .stat-card,
.tyga-night .chart-card,
.tyga-night .events-section,
.tyga-night .feature-card {
  background: var(--theme-card-bg);
  border-color: var(--theme-border);
  color: var(--theme-text);
}

.tyga-night .btn-primary {
  background: var(--theme-btn-primary-bg);
  color: var(--theme-btn-primary-text);
  border-color: var(--theme-btn-primary-bg);
}

.tyga-night .btn-outline-secondary {
  color: var(--theme-text-secondary);
  border-color: var(--theme-border);
}

.tyga-night .btn-outline-secondary:hover {
  background: var(--theme-bg-tertiary);
  color: var(--theme-text);
}

.tyga-night input,
.tyga-night textarea,
.tyga-night select {
  background: var(--theme-input-bg);
  border-color: var(--theme-input-border);
  color: var(--theme-text);
}

.tyga-night input:focus,
.tyga-night textarea:focus,
.tyga-night select:focus {
  border-color: var(--theme-input-focus-border);
}

.tyga-night .page-title,
.tyga-night .card-title,
.tyga-night .stat-number,
.tyga-night .section-title,
.tyga-night .chart-title,
.tyga-night .event-message,
.tyga-night h1, .tyga-night h2, .tyga-night h3, .tyga-night h4, .tyga-night h5 {
  color: var(--theme-text);
}

.tyga-night .stat-label,
.tyga-night .event-time,
.tyga-night .page-subtitle,
.tyga-night .connection-status {
  color: var(--theme-text-muted);
}

.tyga-night .spinner {
  border-color: var(--theme-border);
  border-top-color: var(--theme-accent);
}

.tyga-night table th {
  background: var(--theme-bg-tertiary);
  color: var(--theme-text);
}

.tyga-night table td {
  border-color: var(--theme-border);
  color: var(--theme-text-secondary);
}

.tyga-night .toast {
  background: var(--theme-card-bg);
  border-color: var(--theme-border);
}

.tyga-night .toast-title { color: var(--theme-text); }
.tyga-night .toast-message { color: var(--theme-text-secondary); }