/* ============================================================
   Aurora UCP — Design System Variables
   ============================================================ */

:root {
  /* ---- Backgrounds ---- */
  --bg-base:        #080c14;
  --bg-panel:       #0f1724;
  --bg-panel-alt:   #121c2e;
  --bg-hover:       #172035;
  --bg-input:       #090e1a;
  --bg-overlay:     rgba(8, 12, 20, 0.85);

  /* ---- Borders ---- */
  --border-subtle:   #111b2e;
  --border-default:  #1a2b44;
  --border-emphasis: #253d5e;
  --border-accent:   #0e5f8c;

  /* ---- Text ---- */
  --text-primary:   #dde6f0;
  --text-secondary: #7a93b4;
  --text-muted:     #3d5270;
  --text-accent:    #38bdf8;
  --text-inverse:   #080c14;

  /* ---- Accent ---- */
  --accent:         #0ea5e9;
  --accent-dim:     #0369a1;
  --accent-glow:    rgba(14, 165, 233, 0.12);
  --accent-hover:   #38bdf8;

  /* ---- Status: Healthy ---- */
  --status-healthy:       #10b981;
  --status-healthy-dim:   #059669;
  --status-healthy-bg:    rgba(16, 185, 129, 0.08);
  --status-healthy-border:rgba(16, 185, 129, 0.25);

  /* ---- Status: Warning ---- */
  --status-warning:       #f59e0b;
  --status-warning-dim:   #d97706;
  --status-warning-bg:    rgba(245, 158, 11, 0.08);
  --status-warning-border:rgba(245, 158, 11, 0.25);

  /* ---- Status: Critical ---- */
  --status-critical:       #ef4444;
  --status-critical-dim:   #dc2626;
  --status-critical-bg:    rgba(239, 68, 68, 0.08);
  --status-critical-border:rgba(239, 68, 68, 0.25);

  /* ---- Status: Offline / Unknown ---- */
  --status-offline:        #374151;
  --status-offline-bg:     rgba(55, 65, 81, 0.15);
  --status-offline-border: rgba(55, 65, 81, 0.4);
  --status-unknown:        #6b7280;
  --status-unknown-bg:     rgba(107, 114, 128, 0.08);

  /* ---- Status: Info ---- */
  --status-info:           #6366f1;
  --status-info-bg:        rgba(99, 102, 241, 0.08);
  --status-info-border:    rgba(99, 102, 241, 0.25);

  /* ---- Layout ---- */
  --sidebar-width:   240px;
  --topbar-height:   56px;
  --panel-padding:   20px;

  /* ---- Typography ---- */
  --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', ui-monospace, monospace;

  --text-xs:   11px;
  --text-sm:   12px;
  --text-base: 13px;
  --text-md:   14px;
  --text-lg:   16px;
  --text-xl:   20px;
  --text-2xl:  24px;

  /* ---- Spacing ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;

  /* ---- Radius ---- */
  --radius-sm: 3px;
  --radius-md: 5px;
  --radius-lg: 8px;
  --radius-xl: 12px;

  /* ---- Shadows ---- */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.4);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.5);
  --shadow-lg:  0 8px 24px rgba(0,0,0,0.6);

  /* ---- Transitions ---- */
  --transition-fast: 100ms ease;
  --transition:      150ms ease;
  --transition-slow: 250ms ease;
}