@import "tailwindcss";
@plugin "@tailwindcss/typography";


@plugin "daisyui" {
    themes: nord --default;
};

@plugin "daisyui/theme" {
  /* Nicked from the vscode soft theme  https://github.com/dracula/visual-studio-code/blob/master/src/dracula.yml */
  name: "dracula-soft";
  default: false;
  prefersdark: false;
  color-scheme: "dark";

  /* --color-base-50: oklch(34.02% 0.027 276.05); */
  --color-base-100: oklch(28.82% 0.022 277.51);
  --color-base-200: oklch(25.54% 0.019 280.49);
  --color-base-300: oklch(21.99% 0.014 278.80);
  --color-base-content: oklch(91% 0.020 278);

  --color-primary: oklch(88.263% 0.093 212.846);
  --color-primary-content: oklch(17.652% 0.018 212.846);
  --color-secondary: oklch(83.392% 0.124 66.558);
  --color-secondary-content: oklch(16.678% 0.024 66.558);
  --color-accent: oklch(74.202% 0.148 301.883);
  --color-accent-content: oklch(14.84% 0.029 301.883);
  --color-neutral: oklch(38.94% 0.020 277.93);
  --color-neutral-content: oklch(87.889% 0.006 275.524);
  
  --color-info: oklch(75.461% 0.183 346.812);
  --color-info-content: oklch(15.092% 0.036 346.812);
  --color-success: oklch(87.099% 0.219 148.024);
  --color-success-content: oklch(17.419% 0.043 148.024);
  --color-warning: oklch(95.533% 0.134 112.757);
  --color-warning-content: oklch(15.106% 0.026 112.757);
  --color-error: oklch(68.22% 0.206 24.43);
  --color-error-content: oklch(13.644% 0.041 24.43);

  --radius-selector: 0.5rem;
  --radius-field: 0.5rem;
  --radius-box: 0.5rem;

  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;

  --depth: 0;
  --noise: 0;
}

@theme {
	--font-sans:
		var(--font-inter), ui-sans-serif, system-ui, sans-serif,
		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

@custom-variant dark (&:where([data-theme=dracula-soft], [data-theme=dracula-soft] *));

@utility btn {
	@apply shadow-none bg-transparent;
}

:root .prose {
  --tw-prose-body: color-mix(in oklab, var(--color-base-content) 92%, #0000) !important;
}