@import 'tailwindcss';
@plugin "daisyui";
@import '../styles/daisyui.css';

@plugin "daisyui/theme" {
  name: 'lti';
  default: false;
  prefersdark: false;
  color-scheme: 'light';
  --color-base-100: oklch(98% 0.001 106.423);
  --color-base-200: oklch(97% 0.001 106.424);
  --color-base-300: oklch(92% 0.003 48.717);
  --color-base-content: oklch(22.389% 0.031 278.072);
  --color-primary: oklch(60% 0.126 221.723);
  --color-primary-content: oklch(100% 0 0);
  --color-secondary: oklch(52% 0.105 223.128);
  --color-secondary-content: oklch(100% 0 0);
  --color-accent: oklch(45% 0.085 224.283);
  --color-accent-content: oklch(100% 0 0);
  --color-neutral: oklch(39% 0.07 227.392);
  --color-neutral-content: oklch(100% 0 0);
  --color-info: oklch(58% 0.158 241.966);
  --color-info-content: oklch(100% 0 0);
  --color-success: oklch(62% 0.194 149.214);
  --color-success-content: oklch(100% 0 0);
  --color-warning: oklch(85% 0.199 91.936);
  --color-warning-content: oklch(0% 0 0);
  --color-error: oklch(57% 0.245 27.325);
  --color-error-content: oklch(100% 0 0);
  --radius-selector: 0rem;
  --radius-field: 0.25rem;
  --radius-box: 0.25rem;
  --size-selector: 0.21875rem;
  --size-field: 0.1875rem;
  --border: 1px;
  --depth: 0;
  --noise: 0;
}

:root {
  --color-primary: #1f74bf;
}

@theme {
  --font-inter: var(--font-inter);
}

html {
  scrollbar-gutter: initial;
}

.react-select__menu-portal {
  position: relative;
  z-index: 99999 !important;
}