/* ========================================
   ADS Manager v2 - dark theme values
   ======================================== */

:root {
  /* Dark admin surfaces */
  --bg-dark: #0f0b1e;                         /* App page background */
  --bg-main: #0f0b1e;                         /* Main content background */
  --bg-card: rgba(255, 255, 255, 0.05);       /* Default card/panel surface */
  --bg-card-hover: rgba(255, 255, 255, 0.09); /* Hovered card/panel surface */
  --bg-glass: rgba(255, 255, 255, 0.06);      /* Glass panels and top bars */
  --bg-sidebar: #110d22;                      /* Sidebar base */
  --bg-input: rgba(255, 255, 255, 0.06);      /* Inputs and selects */
  --modal-bg: #1a1530;                        /* Modal background */

  /* Dark admin text */
  --text: #f1f0f5;           /* Primary text */
  --text-secondary: #a5a0b8; /* Secondary text */
  --text-muted: #6b6580;     /* Muted labels, placeholders, helper text */

  /* Dark admin lines, focus and shadows */
  --border: rgba(255, 255, 255, 0.07);       /* Default border */
  --border-focus: rgba(124, 58, 237, 0.6);   /* Focus border / active outline */
  --shadow: 0 8px 32px rgba(0, 0, 0, 0.3);   /* Default elevated shadow */
  --shadow-glow: 0 0 20px rgba(124, 58, 237, 0.3); /* Purple glow */

  /* Dark timeline colors */
  --timeline-grid: rgba(255, 255, 255, .04);       /* Minor timeline grid */
  --timeline-grid-major: rgba(255, 255, 255, .07); /* Major timeline grid */
  --timeline-bg: rgba(0, 0, 0, .25);               /* Timeline canvas background */
}