/* Dark Blue — solid dark surface with dodger-blue accents. */
[data-theme="dark-blue"] {
  --gradient-from: #1a1a1a;
  --gradient-mid:  #1a1a1a;
  --gradient-to:   #1a1a1a;

  --surface-bg:       #1a1a1a;
  --surface-bg-solid: #1a1a1a;
  --surface-elevated: #2a2a2a;
  --surface-sunken:   #222222;
  --surface-hover:    rgba(255, 255, 255, 0.08);
  --surface-selected: rgba(30, 144, 255, 0.15);

  --border:        #333333;
  --border-strong: #444444;
  --border-subtle: #2a2a2a;

  --text-primary:   #ffffff;
  --text-secondary: #cccccc;
  --text-muted:     #888888;
  --text-on-accent: #ffffff;

  --accent:       #1e90ff;
  --accent-hover: #1c7ed6;
  --accent-soft:  rgba(30, 144, 255, 0.15);
  --accent-rgb:   30, 144, 255;

  --status-success:       #28a745;
  --status-success-hover: #218838;
  --status-success-rgb:   40, 167, 69;
  --status-danger:        #dc3545;
  --status-danger-hover:  #c82333;
  --status-danger-rgb:    220, 53, 69;
  --status-warning:       #ffc107;
  --status-warning-rgb:   255, 193, 7;
  --status-info:          #17a2b8;
  --status-info-rgb:      23, 162, 184;

  --text-rgb: 255, 255, 255;
  --bg-rgb:   0, 0, 0;

  --card-bg:           #2a2a2a;
  --card-border:       #333333;
  --card-shadow:       0 2px 6px rgba(0, 0, 0, 0.30);
  --card-shadow-hover: 0 6px 16px rgba(0, 0, 0, 0.50);
  --input-bg:          #333333;
  --input-border:      #444444;
  --input-text:        #ffffff;
  --console-bg:        #2a2a2a;
  --console-text:      #ffffff;
  --code-bg:           #2d3748;
  --code-text:         #e2e8f0;
  --tooltip-bg:        #2a2a2a;
  --tooltip-text:      #ffffff;

  --topbar-bg:      #1a1a1a;
  --topbar-text:    #ffffff;
  --topbar-border:  #2a2a2a;
  --sidebar-bg:     #1a1a1a;
  --sidebar-text:   #ffffff;
  --sidebar-border: #2a2a2a;

  --bg-primary:        var(--topbar-bg);
  --bg-secondary:      var(--surface-elevated);
  --bg-tertiary:       var(--border);
  --text-color:        var(--text-primary);
  --primary-color:     var(--accent);
  --primary-hover:     var(--accent-hover);
  --primary-color-rgb: var(--accent-rgb);
  --border-color:      var(--border);
  --content-bg:        var(--surface-bg);
  --hover-bg:          var(--surface-hover);
  --error-color:       var(--status-danger);
  --danger-color:      var(--status-danger);
}
