@import "tailwindcss";
@plugin "daisyui";

@plugin "daisyui/theme" {
  name: "modern-blue";
  default: true;
  prefersdark: false;
  color-scheme: light;

  --color-base-100: #ffffff;
  --color-base-200: #f1f5f9;
  --color-base-300: #e2e8f0;
  --color-base-content: #1e293b;
  --color-primary: #1e40af;
  --color-primary-content: #ffffff;
  --color-secondary: #3b82f6;
  --color-secondary-content: #ffffff;
  --color-accent: #06b6d4;
  --color-accent-content: #ffffff;
  --color-neutral: #64748b;
  --color-neutral-content: #ffffff;
  --color-info: #2563eb;
  --color-info-content: #ffffff;
  --color-success: #16a34a;
  --color-success-content: #ffffff;
  --color-warning: #d97706;
  --color-warning-content: #ffffff;
  --color-error: #dc2626;
  --color-error-content: #ffffff;

  --radius-selector: 0.25rem;
  --radius-field: 0.25rem;
  --radius-box: 0.5rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 0;
  --noise: 0;
}

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

  --color-base-100: #ffffff;
  --color-base-200: #f9fafb;
  --color-base-300: #f3f4f6;
  --color-base-content: #111827;
  --color-primary: #4b5563;
  --color-primary-content: #111827;
  --color-secondary: #e5e7eb;
  --color-secondary-content: #111827;
  --color-accent: #f3f4f6;
  --color-accent-content: #111827;
  --color-neutral: #9ca3af;
  --color-neutral-content: #111827;
  --color-info: #3b82f6;
  --color-info-content: #ffffff;
  --color-success: #16a34a;
  --color-success-content: #ffffff;
  --color-warning: #d97706;
  --color-warning-content: #ffffff;
  --color-error: #dc2626;
  --color-error-content: #ffffff;

  --radius-selector: 0.25rem;
  --radius-field: 0.25rem;
  --radius-box: 0.5rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 0;
  --noise: 0;
}

@plugin "daisyui/theme" {
  name: "black";
  prefersdark: false;
  color-scheme: dark;

  --color-base-100: #0f172a;
  --color-base-200: #1e293b;
  --color-base-300: #334155;
  --color-base-content: #f8fafc;
  --color-primary: #334155;
  --color-primary-content: #f8fafc;
  --color-secondary: #1e293b;
  --color-secondary-content: #f8fafc;
  --color-accent: #0f172a;
  --color-accent-content: #f8fafc;
  --color-neutral: #475569;
  --color-neutral-content: #f8fafc;
  --color-info: #3b82f6;
  --color-info-content: #ffffff;
  --color-success: #16a34a;
  --color-success-content: #ffffff;
  --color-warning: #facc15;
  --color-warning-content: #1e293b;
  --color-error: #dc2626;
  --color-error-content: #ffffff;

  --radius-selector: 0.25rem;
  --radius-field: 0.25rem;
  --radius-box: 0.5rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 0;
  --noise: 0;
}

@layer utilities {
  .modal-box { max-width: 90vw; }
  .modal { pointer-events: none; }
  .modal.modal-open .modal-box { pointer-events: auto; }
  /* Ensure form fields have visible borders when daisyUI utilities set them to transparent */
  input:not(.input-bordered):not(.file-input):not(.toggle),
  select:not(.select-bordered),
  textarea:not(.textarea-bordered) {
    @apply border border-base-300 rounded;
  }
  /* Safelist grid utilities used in dynamic modals */
  .tw-safelist-grid { @apply grid; }
  .tw-safelist-grid-cols-3 { @apply grid-cols-3; }
  .tw-safelist-grid-cols-4 { @apply grid-cols-4; }
  .tw-safelist-gap-2 { @apply gap-2; }
  .tw-safelist-gap-4 { @apply gap-4; }
  .tw-safelist-gap-6 { @apply gap-6; }
  .tw-safelist-space-y-1 { @apply space-y-1; }
}