@import 'tailwindcss';
@plugin "daisyui";
@import '../styles/tailwind.css';
@import '../styles/daisyui.css';
@import '../figma-make/styles/theme.css';

@plugin "daisyui/theme" {
  name: 'lti';
  default: false;
  prefersdark: false;
  color-scheme: 'light';

  /* Primary Colors */
  --color-primary: oklch(39.4% 0.177 301.9);
  --color-primary-content: oklch(87.5% 0.038 274.5);

  /* Secondary Colors */
  --color-secondary: oklch(60.1% 0.258 335.7);
  --color-secondary-content: oklch(99.4% 0.007 337.8);

  /* Accent Colors */
  --color-accent: oklch(76.2% 0.155 170.8);
  --color-accent-content: oklch(7.2% 0.007 167.6);

  /* Neutral Colors */
  --color-neutral: oklch(22.4% 0.032 258.8);
  --color-neutral-content: oklch(87.7% 0.016 257);

  /* Base Colors */
  --color-base-100: oklch(100% 0 0); /* #ffffff */
  --color-base-200: oklch(97.2% 0 0); /* #f2f2f2 */
  --color-base-300: oklch(93.1% 0.002 249.7); /* #e5e6e6 */
  --color-base-content: #18181b;

  /* Status/Utility Colors */
  --color-info: oklch(67.4% 0.176 238.9);
  --color-info-content: oklch(0% 0 0); /* #000000 */
  --color-success: #00d390;
  --color-success-content: oklch(100% 0 0); /* #ffffff */
  --color-warning: #fcb700;
  --color-warning-content: oklch(0% 0 0); /* #000000 */
  --color-error: #ff3a3a;
  --color-error-content: oklch(100% 0 0); /* #fffffff */

  --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: #0069e0;
}

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

  --container-sm: 40rem;
  --container-md: 48rem;
  --container-lg: 64rem;
  --container-xl: 80rem;
  --container-2xl: 96rem;

  --shadow-button-soft:
    0 3px 2px -2px var(--color-base-200), 0 4px 3px -2px var(--color-base-200);

  --shadow-bg: 0px -2px 4px 0px #00000014;
}

html {
  scrollbar-gutter: initial;
}

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