/**
 * SHOGUN THEME - Variabili CSS Globali
 * Utilizzabile sia con DaisyUI che con CSS vanilla
 * 
 * Questo file definisce lo schema colori unificato per tutte le app Shogun
 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  /* === COLORI PRIMARI === */
  --shogun-primary: #4F6BF6;
  --shogun-primary-light: #6B84F8;
  --shogun-primary-dark: #3A52D4;
  
  /* === COLORI ACCENT === */
  --shogun-accent: #4F6BF6;
  --shogun-accent-light: #6B84F8;
  --shogun-accent-dark: #3A52D4;
  
  /* === BACKGROUND DARK THEME === */
  --shogun-bg-dark-1: #1a1240;
  --shogun-bg-dark-2: #0a0821;
  --shogun-bg-dark-3: #151515;
  --shogun-bg-gradient-dark: linear-gradient(180deg, #1a1240 0%, #0a0821 100%);
  
  /* === BACKGROUND LIGHT THEME === */
  --shogun-bg-light-1: #f0f4ff;
  --shogun-bg-light-2: #e0e7ff;
  --shogun-bg-light-3: #ffffff;
  --shogun-bg-gradient-light: linear-gradient(180deg, #f0f4ff 0%, #e0e7ff 100%);
  
  /* === TESTO DARK THEME === */
  --shogun-text-dark: #ffffff;
  --shogun-text-dark-secondary: rgba(255, 255, 255, 0.6);
  --shogun-text-dark-tertiary: rgba(255, 255, 255, 0.4);
  
  /* === TESTO LIGHT THEME === */
  --shogun-text-light: #1a1a2e;
  --shogun-text-light-secondary: rgba(26, 26, 46, 0.6);
  --shogun-text-light-tertiary: rgba(26, 26, 46, 0.4);
  
  /* === CARD & SURFACES DARK === */
  --shogun-card-bg-dark: #151515;
  --shogun-card-shadow-dark: 0 8px 32px rgba(0, 0, 0, 0.32);
  --shogun-card-border-dark: rgba(255, 255, 255, 0.1);
  
  /* === CARD & SURFACES LIGHT === */
  --shogun-card-bg-light: #ffffff;
  --shogun-card-shadow-light: 0 8px 32px rgba(0, 0, 0, 0.08);
  --shogun-card-border-light: rgba(26, 26, 46, 0.1);
  
  /* === INPUT DARK === */
  --shogun-input-bg-dark: rgba(255, 255, 255, 0.05);
  --shogun-input-border-dark: rgba(255, 255, 255, 0.1);
  --shogun-input-text-dark: #ffffff;
  --shogun-input-placeholder-dark: rgba(255, 255, 255, 0.4);
  
  /* === INPUT LIGHT === */
  --shogun-input-bg-light: rgba(26, 26, 46, 0.05);
  --shogun-input-border-light: rgba(26, 26, 46, 0.1);
  --shogun-input-text-light: #1a1a2e;
  --shogun-input-placeholder-light: rgba(26, 26, 46, 0.4);
  
  /* === BUTTON === */
  --shogun-button-bg-dark: rgba(255, 255, 255, 0.1);
  --shogun-button-bg-light: rgba(26, 26, 46, 0.1);
  --shogun-button-hover-dark: var(--shogun-accent);
  --shogun-button-hover-light: var(--shogun-accent);
  
  /* === STATUS COLORS === */
  --shogun-success: #44ff88;
  --shogun-success-light: #43a047;
  --shogun-success-bg-dark: rgba(68, 255, 136, 0.1);
  --shogun-success-bg-light: rgba(67, 160, 71, 0.1);
  
  --shogun-error: #ff4444;
  --shogun-error-light: #e53935;
  --shogun-error-bg-dark: rgba(255, 68, 68, 0.1);
  --shogun-error-bg-light: rgba(229, 57, 53, 0.1);
  
  --shogun-warning: #fbbd23;
  --shogun-warning-light: #f59e0b;
  --shogun-warning-bg-dark: rgba(251, 189, 35, 0.1);
  --shogun-warning-bg-light: rgba(245, 158, 11, 0.1);
  
  --shogun-info: #3abff8;
  --shogun-info-light: #3b82f6;
  --shogun-info-bg-dark: rgba(58, 191, 248, 0.1);
  --shogun-info-bg-light: rgba(59, 130, 246, 0.1);
  
  /* === NAVBAR === */
  --shogun-navbar-bg-dark: rgba(0, 0, 0, 0.1);
  --shogun-navbar-bg-light: rgba(255, 255, 255, 0.8);
  
  /* === BORDERS === */
  --shogun-border-dark: rgba(255, 255, 255, 0.1);
  --shogun-border-light: rgba(26, 26, 46, 0.1);
  
  /* === BORDER RADIUS === */
  --shogun-radius-sm: 8px;
  --shogun-radius-md: 12px;
  --shogun-radius-lg: 16px;
  --shogun-radius-xl: 24px;
  --shogun-radius-full: 9999px;
  
  /* === SPACING === */
  --shogun-spacing-xs: 0.25rem;
  --shogun-spacing-sm: 0.5rem;
  --shogun-spacing-md: 1rem;
  --shogun-spacing-lg: 1.5rem;
  --shogun-spacing-xl: 2rem;
  --shogun-spacing-2xl: 3rem;
  
  /* === FONT === */
  --shogun-font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  
  /* === TRANSITIONS === */
  --shogun-transition-fast: 0.15s ease;
  --shogun-transition-base: 0.2s ease;
  --shogun-transition-slow: 0.3s ease;
  
  /* === Z-INDEX === */
  --shogun-z-dropdown: 1000;
  --shogun-z-modal: 2000;
  --shogun-z-toast: 3000;
  --shogun-z-tooltip: 4000;
}

/* === TEMA DARK (default) === */
[data-theme="dark"],
[data-theme="shogun-dark"],
.theme-dark {
  --bg-gradient: var(--shogun-bg-gradient-dark);
  --bg-primary: var(--shogun-bg-dark-1);
  --bg-secondary: var(--shogun-bg-dark-2);
  --bg-tertiary: var(--shogun-bg-dark-3);
  
  --text-primary: var(--shogun-text-dark);
  --text-secondary: var(--shogun-text-dark-secondary);
  --text-tertiary: var(--shogun-text-dark-tertiary);
  
  --card-bg: var(--shogun-card-bg-dark);
  --card-shadow: var(--shogun-card-shadow-dark);
  --card-border: var(--shogun-card-border-dark);
  
  --input-bg: var(--shogun-input-bg-dark);
  --input-border: var(--shogun-input-border-dark);
  --input-text: var(--shogun-input-text-dark);
  --input-placeholder: var(--shogun-input-placeholder-dark);
  
  --button-bg: var(--shogun-button-bg-dark);
  --button-hover: var(--shogun-button-hover-dark);
  
  --navbar-bg: var(--shogun-navbar-bg-dark);
  --border-color: var(--shogun-border-dark);
  
  --success-color: var(--shogun-success);
  --success-bg: var(--shogun-success-bg-dark);
  --error-color: var(--shogun-error);
  --error-bg: var(--shogun-error-bg-dark);
  --warning-color: var(--shogun-warning);
  --warning-bg: var(--shogun-warning-bg-dark);
  --info-color: var(--shogun-info);
  --info-bg: var(--shogun-info-bg-dark);
}

/* === TEMA LIGHT === */
[data-theme="light"],
[data-theme="shogun-light"],
.theme-light {
  --bg-gradient: var(--shogun-bg-gradient-light);
  --bg-primary: var(--shogun-bg-light-1);
  --bg-secondary: var(--shogun-bg-light-2);
  --bg-tertiary: var(--shogun-bg-light-3);
  
  --text-primary: var(--shogun-text-light);
  --text-secondary: var(--shogun-text-light-secondary);
  --text-tertiary: var(--shogun-text-light-tertiary);
  
  --card-bg: var(--shogun-card-bg-light);
  --card-shadow: var(--shogun-card-shadow-light);
  --card-border: var(--shogun-card-border-light);
  
  --input-bg: var(--shogun-input-bg-light);
  --input-border: var(--shogun-input-border-light);
  --input-text: var(--shogun-input-text-light);
  --input-placeholder: var(--shogun-input-placeholder-light);
  
  --button-bg: var(--shogun-button-bg-light);
  --button-hover: var(--shogun-button-hover-light);
  
  --navbar-bg: var(--shogun-navbar-bg-light);
  --border-color: var(--shogun-border-light);
  
  --success-color: var(--shogun-success-light);
  --success-bg: var(--shogun-success-bg-light);
  --error-color: var(--shogun-error-light);
  --error-bg: var(--shogun-error-bg-light);
  --warning-color: var(--shogun-warning-light);
  --warning-bg: var(--shogun-warning-bg-light);
  --info-color: var(--shogun-info-light);
  --info-bg: var(--shogun-info-bg-light);
}