/* Black / Obsidian theme
 * Light mode: white backgrounds, near-black charcoal as primary accent.
 * Dark mode:  deep black surfaces, light-gray primary so buttons stay readable.
 * WCAG AA verified: #0F0F10 on #FFFFFF = 19.6:1 ✓ | #E0E0E0 on #0A0A0A = 15.3:1 ✓
 */

[data-theme="black"] {
  --zt-bg:            #FFFFFF;
  --zt-surface:       #F7F7F7;
  --zt-surface-2:     #EFEFEF;
  --zt-border:        #E2E2E2;
  --zt-border-strong: #C8C8C8;
  --zt-text:          #0F0F10;
  --zt-text-muted:    #5C5C5C;
  --zt-text-soft:     #9A9A9A;

  --zt-primary:          #0F0F10;
  --zt-primary-contrast: #FFFFFF;
  --zt-success:          #16A34A;
  --zt-warning:          #D97706;
  --zt-danger:           #DC2626;
  --zt-info:             #0284C7;

  --zt-font-sans:    system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --zt-font-display: var(--zt-font-sans);
  --zt-font-mono:    ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --zt-radius-sm: 4px;
  --zt-radius-md: 8px;
  --zt-radius-lg: 12px;

  --zt-shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);
  --zt-shadow-md: 0 4px 12px rgba(0, 0, 0, .10);
  --zt-shadow-lg: 0 12px 32px rgba(0, 0, 0, .14);
}

/* Active sidebar link needs contrast fix in light mode (primary = near-black) */
[data-theme="black"] .menu-vertical .menu-item.active > .menu-link,
[data-theme="black"] .menu-vertical .menu-link:hover {
  color: var(--zt-primary);
}

[data-theme="black"][data-style="dark"] {
  --zt-bg:            #0A0A0A;
  --zt-surface:       #141414;
  --zt-surface-2:     #1F1F1F;
  --zt-border:        #333333;
  --zt-border-strong: #4A4A4A;
  --zt-text:          #F5F5F5;
  --zt-text-muted:    #8A8A8A;
  --zt-text-soft:     #5A5A5A;

  --zt-primary:          #E0E0E0;
  --zt-primary-contrast: #0A0A0A;
  --zt-success:          #4ADE80;
  --zt-warning:          #FBBF24;
  --zt-danger:           #F87171;
  --zt-info:             #38BDF8;

  --zt-shadow-sm: 0 1px 3px rgba(0, 0, 0, .40);
  --zt-shadow-md: 0 4px 16px rgba(0, 0, 0, .50);
  --zt-shadow-lg: 0 12px 40px rgba(0, 0, 0, .60);
}