@import 'tailwindcss';
@import '@hanzo/docs-base-ui/css/neutral.css';
@import '@hanzo/docs-base-ui/css/preset.css';

@theme {
  /* ── Zen LM brand — purple, dark bg ───────────────────────── */
  --color-brand:            #a855f7;
  --color-brand-foreground: #ffffff;
  --color-brand-hover:      #9333ea;
  --color-brand-muted:      rgba(168, 85, 247, 0.08);

  --color-bg:               #000000;
  --color-bg-card:          rgba(10, 10, 10, 0.95);
  --color-bg-elevated:      #111111;
  --color-border:           rgba(255, 255, 255, 0.10);
  --color-text:             #fafafa;
  --color-text-muted:       #a3a3a3;
  --color-text-dim:         #737373;

  /* ── Hanzo Docs vars — monochrome base, purple primary ─────── */
  --color-fd-background:           #000000;
  --color-fd-foreground:           #fafafa;
  --color-fd-card:                 #0a0a0a;
  --color-fd-card-foreground:      #fafafa;
  --color-fd-muted:                #111111;
  --color-fd-muted-foreground:     #8c8c8c;
  --color-fd-popover:              #0d0d0d;
  --color-fd-popover-foreground:   #f0f0f0;
  --color-fd-border:               rgba(255, 255, 255, 0.10);
  --color-fd-primary:              #a855f7;
  --color-fd-primary-foreground:   #ffffff;
  --color-fd-secondary:            #1a1a1a;
  --color-fd-secondary-foreground: #ebebeb;
  --color-fd-accent:               rgba(168, 85, 247, 0.08);
  --color-fd-accent-foreground:    #e5e5e5;
  --color-fd-ring:                 #a855f7;
  --color-fd-overlay:              rgba(0, 0, 0, 0.5);

  /* Neutralize warning/idea amber */
  --color-fd-warning: #a855f7;
  --color-fd-idea:    #a855f7;
  --color-fd-info:    #a855f7;
  --color-fd-error:   #ef4444;
  --color-fd-success: #22c55e;
}

html {
  scrollbar-gutter: stable;
  color-scheme: dark;
}

body {
  background-color: var(--color-bg);
  color: var(--color-text);
}

#nd-sidebar {
  --color-fd-muted: #1a1a1a;
  --color-fd-secondary: #1a1a1a;
  --color-fd-muted-foreground: #8c8c8c;
}

::selection {
  background-color: rgba(168, 85, 247, 0.25);
  color: white;
}