@import "tailwindcss";
@import "fumadocs-ui/css/neutral.css";
@import "fumadocs-ui/css/preset.css";

/* ─────────────────────────────────────────────────────────────────────────
   Brand override — align Fumadocs UI with packages/core's design language.
   Warm paper + ink palette, vermillion as the single accent. Matches the
   tokens defined in packages/core/src/app/styles.css so the marketing
   site, the docs, and the editor share one visual identity.
   ───────────────────────────────────────────────────────────────────── */

@theme {
  --color-fd-background: oklch(0.985 0.004 75);
  --color-fd-foreground: oklch(0.2 0.012 60);
  --color-fd-muted: oklch(0.955 0.008 75);
  --color-fd-muted-foreground: oklch(0.485 0.012 60);
  --color-fd-popover: oklch(0.998 0.002 75);
  --color-fd-popover-foreground: oklch(0.2 0.012 60);
  --color-fd-card: oklch(1 0 0);
  --color-fd-card-foreground: oklch(0.2 0.012 60);
  --color-fd-border: oklch(0.86 0.008 70);
  --color-fd-primary: oklch(0.555 0.185 28);
  --color-fd-primary-foreground: oklch(0.985 0.004 75);
  --color-fd-secondary: oklch(0.96 0.006 75);
  --color-fd-secondary-foreground: oklch(0.215 0.012 60);
  --color-fd-accent: oklch(0.945 0.012 75);
  --color-fd-accent-foreground: oklch(0.215 0.012 60);
  --color-fd-ring: oklch(0.555 0.185 28);
  --color-fd-overlay: oklch(0 0 0 / 0.18);
}

.dark {
  --color-fd-background: oklch(0.155 0.005 70);
  --color-fd-foreground: oklch(0.945 0.005 80);
  --color-fd-muted: oklch(0.235 0.006 70);
  --color-fd-muted-foreground: oklch(0.68 0.008 75);
  --color-fd-popover: oklch(0.21 0.006 70);
  --color-fd-popover-foreground: oklch(0.945 0.005 80);
  --color-fd-card: oklch(0.195 0.006 70);
  --color-fd-card-foreground: oklch(0.945 0.005 80);
  --color-fd-border: oklch(1 0 0 / 0.1);
  --color-fd-primary: oklch(0.66 0.19 28);
  --color-fd-primary-foreground: oklch(0.155 0.005 70);
  --color-fd-secondary: oklch(0.245 0.006 70);
  --color-fd-secondary-foreground: oklch(0.945 0.005 80);
  --color-fd-accent: oklch(0.27 0.008 70);
  --color-fd-accent-foreground: oklch(0.945 0.005 80);
  --color-fd-ring: oklch(0.66 0.19 28);
  --color-fd-overlay: oklch(0 0 0 / 0.2);
}

.dark #nd-sidebar {
  --color-fd-muted: oklch(0.21 0.006 70);
  --color-fd-secondary: oklch(0.245 0.006 70);
  --color-fd-muted-foreground: oklch(0.72 0.008 75);
}

html {
  scrollbar-gutter: stable;
}

html > body[data-scroll-locked] {
  /* biome-ignore lint/complexity/noImportantStyles: must override react-remove-scroll's inline lock */
  margin-right: 0px !important;
  /* biome-ignore lint/complexity/noImportantStyles: must override react-remove-scroll's inline lock */
  --removed-body-scroll-bar-size: 0px !important;
}

::selection {
  background: oklch(0.555 0.185 28 / 0.18);
  color: var(--color-fd-foreground);
}