:root {
  /* Surface */
  --bg-primary: #0f1219;
  --bg-secondary: #161b26;
  --bg-card: #1a2030;
  --bg-card-body: #141a26;

  /* Text */
  --text-primary: #e2e8f0;
  --text-secondary: #8b96a9;
  --text-muted: #5a6478;

  /* Accent */
  --accent: #3b82f6;
  --accent-hover: #60a5fa;
  --accent-line: #3b82f6;

  /* Header */
  --header-bg: linear-gradient(180deg, #1a2744 0%, #1e3158 50%, #223a68 100%);
  --header-text: #ffffff;
  --header-subtitle: rgba(255, 255, 255, 0.6);

  /* Tab bar */
  --tab-bar-bg: linear-gradient(180deg, #162240 0%, #1a2c4e 100%);
  --tab-bar-border: rgba(59, 130, 246, 0.2);
  --tab-text: rgba(255, 255, 255, 0.5);
  --tab-hover-bg: rgba(255, 255, 255, 0.05);
  --tab-active-bg: rgba(255, 255, 255, 0.1);
  --tab-active-text: #ffffff;
  --tab-active-border: #3b82f6;
  --tab-arrow-color: #4ade80;

  /* Card header — blue title strip */
  --card-header-bg: linear-gradient(135deg, #1e3a5f 0%, #234b7a 40%, #2a5a8f 100%);
  --card-header-text: #ffffff;
  --card-header-icon: rgba(255, 255, 255, 0.85);

  /* Borders & shadows */
  --border: rgba(255, 255, 255, 0.08);
  --border-card: rgba(74, 130, 200, 0.2);
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.25);
  --shadow-hover: 0 6px 24px rgba(0, 0, 0, 0.35);

  /* Forms */
  --input-bg: #0f1520;
  --input-border: rgba(255, 255, 255, 0.1);
  --input-text: #e2e8f0;
  --input-placeholder: #4a5568;
  --input-focus-border: #3b82f6;

  /* Drop zone */
  --dropzone-bg: rgba(59, 130, 246, 0.03);
  --dropzone-border: rgba(59, 130, 246, 0.2);
  --dropzone-text: #5a6478;
  --dropzone-hover-bg: rgba(59, 130, 246, 0.08);
  --dropzone-hover-border: rgba(59, 130, 246, 0.4);
  --dropzone-active-bg: rgba(52, 211, 153, 0.05);
  --dropzone-active-border: rgba(52, 211, 153, 0.3);
  --dropzone-active-text: #6ee7b7;

  /* Button */
  --btn-primary-bg: #2563eb;
  --btn-primary-text: #ffffff;
  --btn-primary-hover: #3b82f6;
  --btn-disabled-bg: rgba(255, 255, 255, 0.04);
  --btn-disabled-text: #3a4558;
  --btn-disabled-border: rgba(255, 255, 255, 0.06);

  /* Status */
  --status-success: #4ade80;
  --status-info: #8b96a9;
  --status-time: #4a5568;
  --status-panel-body: #0d1118;
  --placeholder-text: #3a4558;

  /* Footer */
  --footer-bg: #0c0f15;
  --footer-border: rgba(59, 130, 246, 0.15);
  --footer-text: #5a6478;

  /* Badges */
  --badge-active-bg: rgba(52, 211, 153, 0.15);
  --badge-active-text: #6ee7b7;
  --badge-active-dot: #34d399;
  --badge-soon-bg: rgba(255, 255, 255, 0.05);
  --badge-soon-text: #5a6478;
  --badge-soon-dot: #4a5568;
}