[data-theme="dark"] {
  color-scheme: dark;

  --color-primary:        #3b82f6;
  --color-primary-hover:  #60a5fa;
  --color-primary-active: #2563eb;
  --color-primary-rgb:    59,130,246;
  --color-on-primary:     #ffffff;
  --color-secondary:      #8b5cf6;
  --color-secondary-hover:#a78bfa;
  --color-accent:         #22d3ee;

  --color-bg:          #0a0b0d;
  --color-bg-elevated: #131418;
  --color-bg-sunken:   #08090b;
  --color-bg-hover:    rgba(255,255,255,.04);
  --color-bg-active:   rgba(255,255,255,.06);

  --color-sidebar-bg:          #08090b;
  --color-sidebar-text:        rgba(255,255,255,.62);
  --color-sidebar-text-active: #ffffff;
  --color-sidebar-item-hover:  rgba(255,255,255,.05);
  --color-sidebar-item-active: rgba(255,255,255,.07);
  --color-sidebar-accent:      var(--color-primary);
  --color-sidebar-divider:     rgba(255,255,255,.06);

  --color-text:           rgba(255,255,255,.94);
  --color-text-secondary: rgba(255,255,255,.66);
  --color-text-tertiary:  rgba(255,255,255,.42);
  --color-text-inverse:   #0f172a;
  --color-text-link:      #60a5fa;

  --color-border:        rgba(255,255,255,.07);
  --color-border-strong: rgba(255,255,255,.13);
  --color-border-focus:  var(--color-primary);

  --color-success: #22c55e; --color-success-bg: rgba(34,197,94,.12);
  --color-warning: #f59e0b; --color-warning-bg: rgba(245,158,11,.14);
  --color-error:   #ef4444; --color-error-bg:   rgba(239,68,68,.12); --color-on-error: #ffffff;
  --color-info:    var(--color-primary); --color-info-bg: rgba(59,130,246,.14);
  --color-danger:  #ef4444; --color-danger-bg:  rgba(239,68,68,.12);

  --color-input-bg:         #16171b;
  --color-input-border:     rgba(255,255,255,.08);
  --color-input-focus-ring: rgba(59,130,246,.28);
  --color-modal-ring:       rgba(255,255,255,.07);

  --color-scrollbar-track:       transparent;
  --color-scrollbar-thumb:       rgba(255,255,255,.10);
  --color-scrollbar-thumb-hover: rgba(255,255,255,.20);

  --shadow-xs: 0 1px 2px rgba(0,0,0,.4);
  --shadow-sm: 0 1px 3px rgba(0,0,0,.5);
  --shadow-md: 0 4px 14px rgba(0,0,0,.45);
  --shadow-lg: 0 16px 40px rgba(0,0,0,.55);
  --shadow-xl: 0 24px 60px rgba(0,0,0,.65);

  --table-header-bg: transparent;

  --glass-blur:        saturate(100%) blur(2px);
  --glass-dropdown-bg: rgba(20,21,26,.85);
}