/* ==============================================
   variables.css - CSS Custom Properties & Theming
   ============================================== */

/* ETA Ops - Custom Styles */

/* CSS Variables for Theming */
:root {
  --bg: #f7f8fb;
  --card: #ffffff;
  --text: #0f172a;
  --muted: #6b7280;
  --accent: linear-gradient(120deg, #2563eb, #7c3aed);
  --stroke: #e5e7eb;
  --shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
  --primary: #3b82f6;
  --primary-dark: #2563eb;
  --primary-subtle: rgba(59, 130, 246, 0.1);
  --success: #10b981;
  --success-dark: #065f46;
  --warning: #f59e0b;
  --warning-dark: #92400e;
}

:root[data-theme="dark"] {
  --bg: #0b1220;
  --card: #111827;
  --text: #e5e7eb;
  --muted: #9ca3af;
  --accent: linear-gradient(120deg, #4f46e5, #22d3ee);
  --stroke: #1f2937;
  --shadow: 0 15px 40px rgba(0, 0, 0, 0.45);
  --primary: #60a5fa;
  --primary-dark: #3b82f6;
  --primary-subtle: rgba(96, 165, 250, 0.15);
  --success: #34d399;
  --success-dark: #10b981;
  --warning: #fbbf24;
  --warning-dark: #f59e0b;
}