/* Lux Network Documentation Theme - Pure Black/White */
:root {
  --color-fd-background: hsl(0, 0%, 100%);
  --color-fd-foreground: hsl(0, 0%, 10%);
  --color-fd-muted: hsl(0, 0%, 96%);
  --color-fd-muted-foreground: hsl(0, 0%, 50%);
  --color-fd-popover: hsl(0, 0%, 100%);
  --color-fd-popover-foreground: hsl(0, 0%, 10%);
  --color-fd-card: hsl(0, 0%, 100%);
  --color-fd-card-foreground: hsl(0, 0%, 10%);
  --color-fd-border: hsl(0, 0%, 90%);
  --color-fd-primary: hsl(0, 0%, 10%);
  --color-fd-primary-foreground: hsl(0, 0%, 100%);
  --color-fd-secondary: hsl(0, 0%, 96%);
  --color-fd-secondary-foreground: hsl(0, 0%, 10%);
  --color-fd-accent: hsl(0, 0%, 96%);
  --color-fd-accent-foreground: hsl(0, 0%, 10%);
  --color-fd-ring: hsl(0, 0%, 50%);

  /* Brand colors */
  --color-brand: hsl(0, 0%, 10%);
  --color-brand-foreground: white;
  --color-brand-secondary: hsl(0, 0%, 96%);
  --color-brand-accent: hsl(0, 0%, 96%);

  /* Layout */
  --background: hsl(0, 0%, 100%);
  --foreground: hsl(0, 0%, 10%);
  --muted: hsl(0, 0%, 96%);
  --muted-foreground: hsl(0, 0%, 50%);
  --border: hsl(0, 0%, 90%);
  --sidebar: hsl(0, 0%, 98%);
}

.dark {
  --color-fd-background: hsl(0, 0%, 0%);
  --color-fd-foreground: hsl(0, 0%, 98%);
  --color-fd-muted: hsl(0, 0%, 6%);
  --color-fd-muted-foreground: hsl(0, 0%, 60%);
  --color-fd-popover: hsl(0, 0%, 4%);
  --color-fd-popover-foreground: hsl(0, 0%, 98%);
  --color-fd-card: hsl(0, 0%, 4%);
  --color-fd-card-foreground: hsl(0, 0%, 98%);
  --color-fd-border: hsl(0, 0%, 14%);
  --color-fd-primary: hsl(0, 0%, 98%);
  --color-fd-primary-foreground: hsl(0, 0%, 4%);
  --color-fd-secondary: hsl(0, 0%, 10%);
  --color-fd-secondary-foreground: hsl(0, 0%, 98%);
  --color-fd-accent: hsl(0, 0%, 12%);
  --color-fd-accent-foreground: hsl(0, 0%, 100%);
  --color-fd-ring: hsl(0, 0%, 30%);

  /* Brand colors */
  --color-brand: hsl(0, 0%, 98%);
  --color-brand-foreground: hsl(0, 0%, 6%);
  --color-brand-secondary: hsl(0, 0%, 12%);
  --color-brand-accent: hsl(0, 0%, 12%);

  /* Layout */
  --background: hsl(0, 0%, 0%);
  --foreground: hsl(0, 0%, 98%);
  --muted: hsl(0, 0%, 6%);
  --muted-foreground: hsl(0, 0%, 60%);
  --border: hsl(0, 0%, 14%);
  --sidebar: hsl(0, 0%, 0%);
}