@plugin "daisyui" {
    exclude: rootscrollgutter;
}

/* Note: DaisyUI uses @property at-rule which triggers a harmless warning
   in Tailwind CSS v4's optimizer. This is a known compatibility issue and
   does not affect functionality. The CSS compiles successfully and browsers
   that support @property will process it correctly.
   
   This warning can be safely ignored - it's expected behavior with DaisyUI + Tailwind CSS v4.
   The warning appears during CSS optimization but does not impact the final output. */

/* ========================================
   🎨 CONFIGURE TEMPLATE COLORS
   ========================================
   This is the main file for configuring all the template colors.
   Modify the CSS variables below to change the look of the application.
   ======================================== */

/* Theme 1: Light */




@plugin "daisyui/theme" {
    name: "light";
    default: true;
    prefersdark: false;
    color-scheme: "light";
    --color-base-100: oklch(97.788% 0.004 56.375);
    --color-base-200: oklch(93.982% 0.007 61.449);
    --color-base-300: oklch(91.586% 0.006 53.44);
    --color-base-content: oklch(23.574% 0.066 313.189);
    --color-primary: oklch(60% 0.118 184.704);
    --color-primary-content: oklch(98% 0.014 180.72);
    --color-secondary: oklch(89% 0.061 343.231);
    --color-secondary-content: oklch(45% 0.187 3.815);
    --color-accent: oklch(83% 0.128 66.29);
    --color-accent-content: oklch(47% 0.157 37.304);
    --color-neutral: oklch(27% 0.006 286.033);
    --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(26% 0.051 172.552);
    --color-warning: oklch(79% 0.184 86.047);
    --color-warning-content: oklch(28% 0.066 53.813);
    --color-error: oklch(64% 0.246 16.439);
    --color-error-content: oklch(97% 0.013 17.38);
    --radius-selector: 1rem;
    --radius-field: 2rem;
    --radius-box: 1rem;
    --size-selector: 0.28125rem;
    --size-field: 0.28125rem;
    --border: 2px;
    --depth: 1;
    --noise: 1;
  }
  
  
  
  

/* Theme 2: Dark */

@plugin "daisyui/theme" {
    name: "dark";
    default: false;
    prefersdark: true;
    color-scheme: "dark";
    --color-base-100: oklch(20.768% 0.039 265.754);
    --color-base-200: oklch(19.314% 0.037 265.754);
    --color-base-300: oklch(17.86% 0.034 265.754);
    --color-base-content: oklch(84.153% 0.007 265.754);
    --color-primary: oklch(75.351% 0.138 232.661);
    --color-primary-content: oklch(15.07% 0.027 232.661);
    --color-secondary: oklch(68.011% 0.158 276.934);
    --color-secondary-content: oklch(13.602% 0.031 276.934);
    --color-accent: oklch(80% 0.114 19.571);
    --color-accent-content: oklch(25% 0.092 26.042);
    --color-neutral: oklch(27.949% 0.036 260.03);
    --color-neutral-content: oklch(85.589% 0.007 260.03);
    --color-info: oklch(68.455% 0.148 237.251);
    --color-info-content: oklch(0% 0 0);
    --color-success: oklch(84% 0.143 164.978);
    --color-success-content: oklch(15.69% 0.026 181.911);
    --color-warning: oklch(83.242% 0.139 82.95);
    --color-warning-content: oklch(16.648% 0.027 82.95);
    --color-error: oklch(71% 0.194 13.428);
    --color-error-content: oklch(97% 0.013 17.38);
    --radius-selector: 1rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }
  

/* Global variables - defined outside theme so they work with any DaisyUI theme */
/* These variables reference the current theme's properties, so they adapt automatically when theme changes */
:root {
   /* Global background variables */
   --root-bg: var(--color-base-200);
   --root-text-color: var(--color-base-content);
   
   /* Card border width - uses theme's --border variable */
   /* This is NOT a DaisyUI standard variable, so it's defined globally */
   --card-border-width: var(--border);
   
   /* Tooltip styling - uses theme colors for consistency */
   --tooltip-color: var(--color-neutral);
   --tooltip-content: var(--color-neutral-content);
}

/* SVG theme-aware styling - adapts to selected theme, not system preferences */
/* Light theme: SVG should be dark (brightness-0 makes them black) */
/* Dark theme: SVG should be light (brightness-0 + invert makes them white) */
.theme-aware-svg {
    filter: brightness(0);
}

html[data-theme="dark"] .theme-aware-svg {
    filter: brightness(0) invert(1);
}

/* Card styles are defined in core/card-theme.css (imported after all plugins) */
/* This ensures card styles have priority over any DaisyUI-generated rules */
/* All card styling uses DaisyUI theme variables for easy theme customization */