@import "tailwindcss";
@plugin "daisyui";
@plugin "@tailwindcss/typography";
@plugin 'phosphor-icons-tailwindcss';

@plugin "daisyui/theme" {
    name: "burgerprism";
    default: false;
    prefersdark: false;
    color-scheme: "light";
    --color-base-100: oklch(98% 0 0);
    --color-base-200: oklch(96% 0.001 286.375);
    --color-base-300: oklch(92% 0.004 286.32);
    --color-base-content: oklch(21% 0.006 285.885);
    --color-primary: oklch(0% 0 0);
    --color-primary-content: oklch(100% 0 0);
    --color-secondary: oklch(81% 0.111 293.571);
    --color-secondary-content: oklch(28% 0.141 291.089);
    --color-accent: oklch(83% 0.128 66.29);
    --color-accent-content: oklch(26% 0.079 36.259);
    --color-neutral: oklch(27% 0.006 286.033);
    --color-neutral-content: oklch(98% 0 0);
    --color-info: oklch(78% 0.154 211.53);
    --color-info-content: oklch(30% 0.056 229.695);
    --color-success: oklch(76% 0.177 163.223);
    --color-success-content: oklch(26% 0.051 172.552);
    --color-warning: oklch(82% 0.189 84.429);
    --color-warning-content: oklch(27% 0.077 45.635);
    --color-error: oklch(71% 0.194 13.428);
    --color-error-content: oklch(27% 0.105 12.094);
    --radius-selector: 0rem;
    --radius-field: 0rem;
    --radius-box: 2rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

@theme {
    --color-profiling-50: #CDDDDE;
    --color-profiling-100: #ABC6C8;
    --color-profiling-200: #81AAAD;
    --color-profiling-300: #578E92;
    --color-profiling-400: #2D7176;
    --color-profiling-500: #03555B;
    --color-profiling-600: #02474C;
    --color-profiling-700: #02393D;
    --color-profiling-800: #012A2D;
    --color-profiling-900: #011C1E;
}

/* Tom Select */
.ts-control {
    @apply select;
}