/* This top block uses the power of tailwindcss to create a custom daisyui theme */
:root, [data-theme="light"] {
  --color-base-100: oklch(100% 0 0);
  --color-base-200: oklch(98% 0 0);
  --color-base-300: oklch(95% 0 0);
  --color-base-content: oklch(21% 0.006 285.885);
  --color-primary: oklch(69% 0.17 162.48);
  --color-primary-content: oklch(97% 0.021 166.113);
  --color-secondary: oklch(.648 .2 131.684);
  --color-secondary-content: oklch(97% 0.014 254.604);
  --color-accent: oklch(77% 0.152 181.912);
  --color-accent-content: oklch(38% 0.063 188.416);
  --color-neutral: oklch(14% 0.005 285.823);
  --color-neutral-content: oklch(92% 0.004 286.32);
  --color-info: oklch(74% 0.16 232.661);
  --color-info-content: oklch(29% 0.066 243.157);
  --color-success: oklch(76% 0.177 163.223);
  --color-success-content: oklch(37% 0.077 168.94);
  --color-warning: oklch(82% 0.189 84.429);
  --color-warning-content: oklch(41% 0.112 45.904);
  --color-error: oklch(63% 0.237 25.331);
  --color-error-content: oklch(27% 0.105 12.094);
  --radius-selector: 1rem;
  --radius-field: 2rem;
  --radius-box: 1rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
  color-scheme: light;
}

/* Dark Theme */
[data-theme="dark"], :root:has(input.theme-controller[value=dark]:checked),[data-theme="dark"] {
  --color-base-100: oklch(27% 0.006 286.033);
  --color-base-200: oklch(21% 0.006 285.885);
  --color-base-300: oklch(37% 0.013 285.805);
  --color-base-content: oklch(100% 0 0);
  --color-primary: oklch(69% 0.17 162.48);
  --color-primary-content: oklch(97% 0.021 166.113);
  --color-secondary: oklch(53% 0.157 131.589);
  --color-secondary-content: oklch(97% 0.014 254.604);
  --color-accent: oklch(77% 0.152 181.912);
  --color-accent-content: oklch(38% 0.063 188.416);
  --color-neutral: oklch(87% 0.01 258.338);
  --color-neutral-content: oklch(21% 0.034 264.665);
  --color-info: oklch(74% 0.16 232.661);
  --color-info-content: oklch(29% 0.066 243.157);
  --color-success: oklch(76% 0.177 163.223);
  --color-success-content: oklch(37% 0.077 168.94);
  --color-warning: oklch(82% 0.189 84.429);
  --color-warning-content: oklch(41% 0.112 45.904);
  --color-error: oklch(63% 0.237 25.331);
  --color-error-content: oklch(27% 0.105 12.094);
  --radius-selector: 1rem;
  --radius-field: 2rem;
  --radius-box: 1rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
  color-scheme: dark;
}

.input:focus, .input:focus-within, .select:focus, .select:focus-within, .textarea:focus, .textarea:focus-within{
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function) /* cubic-bezier(0.4, 0, 0.2, 1) */);
  transition-duration: var(--tw-duration, var(--default-transition-duration) /* 150ms */);

  outline: var(--color-primary) solid var(--size-field);
  border-color: transparent;
}

/* Official BridgeDynamics Custom Color Themes */
[data-theme="bridgedynamics-navy"] {
  --color-primary: oklch(48% 0.18 250);
  --color-primary-content: oklch(98% 0.01 250);
  --color-secondary: oklch(62% 0.17 210);
  --color-secondary-content: oklch(98% 0.01 210);
  --color-accent: oklch(75% 0.14 195);
  --color-accent-content: oklch(25% 0.05 195);
  color-scheme: light;
}

[data-theme="bridgedynamics-emerald"] {
  --color-primary: oklch(52% 0.17 160);
  --color-primary-content: oklch(98% 0.01 160);
  --color-secondary: oklch(68% 0.16 150);
  --color-secondary-content: oklch(98% 0.01 150);
  --color-accent: oklch(76% 0.14 175);
  --color-accent-content: oklch(25% 0.05 175);
  color-scheme: light;
}

[data-theme="bridgedynamics-purple"] {
  --color-primary: oklch(48% 0.22 290);
  --color-primary-content: oklch(98% 0.01 290);
  --color-secondary: oklch(65% 0.19 310);
  --color-secondary-content: oklch(98% 0.01 310);
  --color-accent: oklch(74% 0.18 330);
  --color-accent-content: oklch(25% 0.05 330);
  color-scheme: light;
}

[data-theme="bridgedynamics-amber"] {
  --color-primary: oklch(62% 0.19 65);
  --color-primary-content: oklch(98% 0.01 65);
  --color-secondary: oklch(45% 0.06 250);
  --color-secondary-content: oklch(98% 0.01 250);
  --color-accent: oklch(72% 0.16 80);
  --color-accent-content: oklch(25% 0.05 80);
  color-scheme: light;
}

[data-theme="bridgedynamics-dark"] {
  --color-base-100: oklch(22% 0.008 286);
  --color-base-200: oklch(17% 0.008 286);
  --color-base-300: oklch(30% 0.012 286);
  --color-base-content: oklch(98% 0 0);
  --color-primary: oklch(68% 0.19 215);
  --color-primary-content: oklch(18% 0.04 215);
  --color-secondary: oklch(60% 0.22 270);
  --color-secondary-content: oklch(98% 0.01 270);
  --color-accent: oklch(75% 0.18 180);
  --color-accent-content: oklch(20% 0.05 180);
  color-scheme: dark;
}