@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. */

/* ========================================
   Theme: Light – Vivid Purple-Pink Gradient Palette
   Palette vivace ispirata a design moderni con gradiente viola-rosa
   ======================================== */

/* Theme: Light (Vivid Purple-Pink) */
@plugin "daisyui/theme" {
  name: "light";
  default: false;
  prefersdark: false;
  color-scheme: "light";
  /* Surfaces: lavanda-grigio chiaro come background principale, bianco per card */
  --color-base-100: #ffffff;
  --color-base-200: #f5f6fa;
  --color-base-300: #e8e9ed;
  --color-base-content: #1a202c;
  /* Primary: viola ricco e saturo (estremità viola del gradiente) */
  --color-primary: #7a3fff;
  --color-primary-content: #ffffff;
  /* Secondary: rosa vibrante (estremità rosa del gradiente) */
  --color-secondary: #eb4f9b;
  --color-secondary-content: #ffffff;
  /* Accent: viola scuro per elementi decorativi */
  --color-accent: #6b21a8;
  --color-accent-content: #ffffff;
  /* Neutrals: grigio scuro per maggiore contrasto */
  --color-neutral: #4a5568;
  --color-neutral-content: #ffffff;
  /* Info: blu-viola complementare */
  --color-info: #5a458b;
  --color-info-content: #ffffff;
  /* Success: verde smeraldo vivido */
  --color-success: #00c853;
  --color-success-content: #ffffff;
  /* Warning: arancione vibrante */
  --color-warning: #FFB84D;
  --color-warning-content: #6B4000;
  /* Error: rosso intenso */
  --color-error: #d32f2f;
  --color-error-content: #ffffff;
  /* Radius: subtle */
  --radius-selector: 0.375rem;
  --radius-field: 0.375rem;
  --radius-box: 0.5rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 1;
  --noise: 1;
}





/* 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-white);
  --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: #000000;
  --tooltip-content: #ffffff;

  --border: 1.5px;
  /* Text size variables */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.375rem;
  --text-3xl: 1.5rem;
  --text-4xl: 1.75rem;
  --text-5xl: 2rem;
  --text-6xl: 2.25rem;
  --text-7xl: 2.5rem;
  --text-8xl: 2.75rem;
  --text-9xl: 3rem;
  --text-10xl: 3.25rem;

  --shadow-sm: none;

  /* Input bordered customization */
  --input-color: var(--color-base-300);
  --input-border-color: var(--color-base-300);
  --input-border-width: var(--border, 0.5px);
  --input-border-radius: var(--radius-field, 0.5rem);
  --input-focus-border-color: var(--color-primary);
  --input-focus-ring-color: var(--color-primary);
  --input-focus-ring-opacity: 0.2;

  --select-border-color: var(--color-base-300);
  --select-border-width: var(--border, 0.5px);
  --select-border-radius: var(--radius-field, 0.5rem);
  --select-focus-border-color: var(--color-primary);
  --select-focus-ring-color: var(--color-primary);
  --select-focus-ring-opacity: 0.2;

  /* Readable muted text: use for secondary content on base-100/base-200 (WCAG AA) */
  --color-readable-muted: #6b7280;

  /* Light variants for primary and secondary (tinted backgrounds) - più vividi */
  --color-primary-light: color-mix(in srgb, var(--color-primary) 20%, white);
  --color-secondary-light: color-mix(in srgb, var(--color-secondary) 20%, white);

  /* Vivid accent variants for dashboard highlights */
  --color-info-light: color-mix(in srgb, var(--color-info) 18%, white);
  --color-success-light: color-mix(in srgb, var(--color-success) 18%, white);
  --color-warning-light: color-mix(in srgb, var(--color-warning) 18%, white);

  /* Purple-Pink gradient for vivid elements */
  --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  --gradient-primary-reverse: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);
}

/* Utility classes for primary/secondary light backgrounds */
.bg-primary-light {
  background-color: var(--color-primary-light);
}

.bg-secondary-light {
  background-color: var(--color-secondary-light);
}

.bg-info-light {
  background-color: var(--color-info-light);
}

.bg-success-light {
  background-color: var(--color-success-light);
}

.bg-warning-light {
  background-color: var(--color-warning-light);
}

/* Utility for body/secondary text that must stay readable on light backgrounds */
.text-readable-muted {
  color: var(--color-readable-muted);
}

/* Vivid dashboard enhancements */
.dashboard-stat-vivid {
  border-left-width: 4px;
  border-left-color: var(--color-primary);
}

.dashboard-chart-vivid {
  --chart-primary: var(--color-primary);
  --chart-secondary: var(--color-secondary);
  --chart-info: var(--color-info);
  --chart-success: var(--color-success);
}

/* Purple-Pink gradient utility classes */
.bg-gradient-primary {
  background: var(--gradient-primary);
  color: white;
}

.bg-gradient-primary-reverse {
  background: var(--gradient-primary-reverse);
  color: white;
}

.text-gradient-primary {
  background: var(--gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Purple-Pink gradient utility classes */
.bg-gradient-primary {
  background: var(--gradient-primary);
  color: white;
}

.bg-gradient-primary-reverse {
  background: var(--gradient-primary-reverse);
  color: white;
}

.text-gradient-primary {
  background: var(--gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Enhanced card hover effects for vivid dashboard */
.stat-tile:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Vivid badge enhancements */
.badge-primary {
  background-color: var(--color-primary);
  color: var(--color-primary-content);
  font-weight: 600;
}

.badge-info {
  background-color: var(--color-info);
  color: var(--color-info-content);
  font-weight: 600;
}

.badge-success {
  background-color: var(--color-success);
  color: var(--color-success-content);
  font-weight: 600;
}

.badge-warning {
  background-color: var(--color-warning);
  color: var(--color-warning-content);
  font-weight: 600;
}

.badge-secondary {
  background-color: var(--color-secondary);
  color: var(--color-secondary-content);
  font-weight: 600;
}

/* Enhanced link colors for vivid dashboard */
.link-primary {
  color: var(--color-primary);
  font-weight: 500;
}

.link-primary:hover {
  color: var(--color-secondary);
  text-decoration-thickness: 2px;
}

.link-warning {
  color: var(--color-warning);
  font-weight: 500;
}

.link-warning:hover {
  color: var(--color-error);
  text-decoration-thickness: 2px;
}

/* SVG theme-aware styling – adapts to selected theme */
.theme-aware-svg {
  filter: brightness(0);
}

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


.label {
  @apply mb-1
}

.input:focus,
.input:focus-within {
  border-color: var(--color-primary);
  box-shadow: none;
  outline: 1px solid var(--color-primary);
  outline-offset: 2px;
}

.select:focus,
.select:focus-within {
  border-color: var(--color-primary);
  box-shadow: none;
  outline: 1px solid var(--color-primary);
  outline-offset: 2px;
}

/* 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 */