/**
 * Maxim API Plugin - Core CSS System
 * Sistema base unificato per tutte le pagine admin
 * 
 * @version 2.3.0
 * @author Franco Piovesan
 * @changelog
 * - 2.3.0: Aggiunte variabili per spacing minimali, shadow xs, utilities text transform e flex aggiuntive
 * - 2.2.0: Standardizzazione naming convention (sm→small, xs→xsmall, lg→large, xl→xlarge)
 * - 2.1.0: Aggiunte variabili RGB mancanti, background con alpha, spacing negativi, container widths, dark mode completo
 * - 2.0.0: Versione iniziale del sistema unificato
 */

/* =========================================================================
   CSS CUSTOM PROPERTIES (VARIABILI)
   ========================================================================= */

:root {
    /* === BRAND COLORS === */
    --maxim-primary: #822659;
    --maxim-primary-light: #a04073;
    --maxim-primary-dark: #5a1a3d;
    --maxim-primary-rgb: 130, 38, 89;
    --maxim-primary-bg-10: rgba(130, 38, 89, 0.1);
    --maxim-primary-bg-20: rgba(130, 38, 89, 0.2);
    --maxim-primary-bg-30: rgba(130, 38, 89, 0.3);
    
    --maxim-secondary: #0073aa;
    --maxim-secondary-light: #2389c7;
    --maxim-secondary-dark: #005a87;
    --maxim-secondary-rgb: 0, 115, 170;
    --maxim-secondary-bg-10: rgba(0, 115, 170, 0.1);
    --maxim-secondary-bg-20: rgba(0, 115, 170, 0.2);
    --maxim-secondary-bg-30: rgba(0, 115, 170, 0.3);
    
    --maxim-accent: #00a32a;
    --maxim-accent-light: #22c55e;
    --maxim-accent-dark: #16a34a;
    --maxim-accent-rgb: 0, 163, 42;
    --maxim-accent-bg-10: rgba(0, 163, 42, 0.1);
    --maxim-accent-bg-20: rgba(0, 163, 42, 0.2);
    --maxim-accent-bg-30: rgba(0, 163, 42, 0.3);

    /* === MAXIM BUTTON COLORS === */
    --maxim-btn-primary-bg: #822659;          /* Viola scuro principale */
    --maxim-btn-primary-bg-hover: #9e2e6f;    /* Viola più chiaro per hover */
    --maxim-btn-primary-text: #ffffff;        /* Testo bianco */
    --maxim-btn-primary-shadow: rgba(130, 38, 89, 0.3); /* Ombra viola */

    --maxim-btn-secondary-bg: #16a34a;        /* Verde successo */
    --maxim-btn-secondary-bg-hover: #22c55e;  /* Verde più chiaro per hover */
    --maxim-btn-secondary-text: #ffffff;      /* Testo bianco */
    --maxim-btn-secondary-shadow: rgba(22, 163, 74, 0.3); /* Ombra verde */

    --maxim-btn-accent-bg: #dc2626;           /* Rosso */
    --maxim-btn-accent-bg-hover: #ef4444;     /* Rosso più chiaro per hover */
    --maxim-btn-accent-text: #ffffff;         /* Testo bianco */
    --maxim-btn-accent-shadow: rgba(220, 38, 38, 0.3); /* Ombra rossa */

    --maxim-btn-dark-bg: #2563eb;             /* Blu */
    --maxim-btn-dark-bg-hover: #3b82f6;       /* Blu più chiaro per hover */
    --maxim-btn-dark-text: #ffffff;           /* Testo bianco */
    --maxim-btn-dark-shadow: rgba(37, 99, 235, 0.3); /* Ombra blu */
    
    /* === STATUS COLORS === */
    --maxim-success: #00a32a;
    --maxim-success-light: #22c55e;
    --maxim-success-dark: #16a34a;
    --maxim-success-rgb: 0, 163, 42;
    --maxim-success-bg: rgba(0, 163, 42, 0.1);
    --maxim-success-bg-20: rgba(0, 163, 42, 0.2);
    --maxim-success-bg-30: rgba(0, 163, 42, 0.3);
    
    --maxim-warning: #f56e28;
    --maxim-warning-light: #fb923c;
    --maxim-warning-dark: #ea580c;
    --maxim-warning-rgb: 245, 110, 40;
    --maxim-warning-bg: rgba(245, 110, 40, 0.1);
    --maxim-warning-bg-20: rgba(245, 110, 40, 0.2);
    --maxim-warning-bg-30: rgba(245, 110, 40, 0.3);
    
    --maxim-error: #d63638;
    --maxim-error-light: #ef4444;
    --maxim-error-dark: #b91c1c;
    --maxim-error-rgb: 214, 54, 56;
    --maxim-error-bg: rgba(214, 54, 56, 0.1);
    --maxim-error-bg-20: rgba(214, 54, 56, 0.2);
    --maxim-error-bg-30: rgba(214, 54, 56, 0.3);
    
    --maxim-info: #2271b1;
    --maxim-info-light: #3b82f6;
    --maxim-info-dark: #1e40af;
    --maxim-info-rgb: 34, 113, 177;
    --maxim-info-bg: rgba(34, 113, 177, 0.1);
    --maxim-info-bg-20: rgba(34, 113, 177, 0.2);
    --maxim-info-bg-30: rgba(34, 113, 177, 0.3);
    
    /* === NEUTRAL COLORS === */
    --maxim-white: #ffffff;
    --maxim-white-rgb: 255, 255, 255;
    --maxim-black: #000000;
    --maxim-black-rgb: 0, 0, 0;
    
    --maxim-gray-50: #f9fafb;
    --maxim-gray-50-rgb: 249, 250, 251;
    --maxim-gray-100: #f3f4f6;
    --maxim-gray-100-rgb: 243, 244, 246;
    --maxim-gray-200: #e5e7eb;
    --maxim-gray-200-rgb: 229, 231, 235;
    --maxim-gray-300: #d1d5db;
    --maxim-gray-300-rgb: 209, 213, 219;
    --maxim-gray-400: #9ca3af;
    --maxim-gray-400-rgb: 156, 163, 175;
    --maxim-gray-500: #6b7280;
    --maxim-gray-500-rgb: 107, 114, 128;
    --maxim-gray-600: #4b5563;
    --maxim-gray-600-rgb: 75, 85, 99;
    --maxim-gray-700: #374151;
    --maxim-gray-700-rgb: 55, 65, 81;
    --maxim-gray-800: #1f2937;
    --maxim-gray-800-rgb: 31, 41, 55;
    --maxim-gray-900: #111827;
    --maxim-gray-900-rgb: 17, 24, 39;
    
    /* === TEXT COLORS === */
    --maxim-text-primary: #1f2937;
    --maxim-text-secondary: #4b5563;
    --maxim-text-muted: #6b7280;
    --maxim-text-light: #9ca3af;
    --maxim-text-inverse: #ffffff;
    
    /* === BACKGROUND COLORS === */
    --maxim-bg-body: #f1f1f1;
    --maxim-bg-surface: #ffffff;
    --maxim-bg-elevated: #ffffff;
    --maxim-bg-overlay: rgba(0, 0, 0, 0.5);
    --maxim-bg-muted: #f9fafb;
    
    /* Background with alpha */
    --maxim-bg-black-5: rgba(0, 0, 0, 0.05);
    --maxim-bg-black-10: rgba(0, 0, 0, 0.1);
    --maxim-bg-black-20: rgba(0, 0, 0, 0.2);
    --maxim-bg-black-30: rgba(0, 0, 0, 0.3);
    --maxim-bg-black-40: rgba(0, 0, 0, 0.4);
    --maxim-bg-black-50: rgba(0, 0, 0, 0.5);
    --maxim-bg-black-60: rgba(0, 0, 0, 0.6);
    --maxim-bg-black-70: rgba(0, 0, 0, 0.7);
    --maxim-bg-black-80: rgba(0, 0, 0, 0.8);
    --maxim-bg-black-90: rgba(0, 0, 0, 0.9);
    
    --maxim-bg-white-5: rgba(255, 255, 255, 0.05);
    --maxim-bg-white-10: rgba(255, 255, 255, 0.1);
    --maxim-bg-white-20: rgba(255, 255, 255, 0.2);
    --maxim-bg-white-30: rgba(255, 255, 255, 0.3);
    --maxim-bg-white-40: rgba(255, 255, 255, 0.4);
    --maxim-bg-white-50: rgba(255, 255, 255, 0.5);
    --maxim-bg-white-60: rgba(255, 255, 255, 0.6);
    --maxim-bg-white-70: rgba(255, 255, 255, 0.7);
    --maxim-bg-white-80: rgba(255, 255, 255, 0.8);
    --maxim-bg-white-90: rgba(255, 255, 255, 0.9);
    
    /* === BORDER COLORS === */
    --maxim-border-light: #f3f4f6;
    --maxim-border-default: #e5e7eb;
    --maxim-border-medium: #d1d5db;
    --maxim-border-strong: #9ca3af;
    --maxim-border-focus: var(--maxim-primary);
    --maxim-border-subtle: #e5e7eb; /* Bordo molto leggero per card */
    
    /* === SPACING SYSTEM === */
    --maxim-space-0: 0;
    --maxim-space-0-5: 0.125rem;  /* 2px - per gap molto piccoli */
    --maxim-space-1: 0.25rem;   /* 4px */
    --maxim-space-2: 0.5rem;    /* 8px */
    --maxim-space-3: 0.75rem;   /* 12px */
    --maxim-space-4: 1rem;      /* 16px */
    --maxim-space-5: 1.25rem;   /* 20px */
    --maxim-space-6: 1.5rem;    /* 24px */
    --maxim-space-8: 2rem;      /* 32px */
    --maxim-space-10: 2.5rem;   /* 40px */
    --maxim-space-12: 3rem;     /* 48px */
    --maxim-space-16: 4rem;     /* 64px */
    --maxim-space-20: 5rem;     /* 80px */
    
    /* Negative spacing */
    --maxim-space-n1: -0.25rem;   /* -4px */
    --maxim-space-n2: -0.5rem;    /* -8px */
    --maxim-space-n3: -0.75rem;   /* -12px */
    --maxim-space-n4: -1rem;      /* -16px */
    --maxim-space-n5: -1.25rem;   /* -20px */
    --maxim-space-n6: -1.5rem;    /* -24px */
    --maxim-space-n8: -2rem;      /* -32px */
    --maxim-space-n10: -2.5rem;   /* -40px */
    --maxim-space-n12: -3rem;     /* -48px */
    --maxim-space-n16: -4rem;     /* -64px */
    --maxim-space-n20: -5rem;     /* -80px */
    
    /* Semantic spacing aliases */
    --maxim-space-xsmall: var(--maxim-space-1);
    --maxim-space-small: var(--maxim-space-2);
    --maxim-space-medium: var(--maxim-space-4);
    --maxim-space-large: var(--maxim-space-6);
    --maxim-space-xlarge: var(--maxim-space-8);
    --maxim-space-2xlarge: var(--maxim-space-12);
    --maxim-space-3xlarge: var(--maxim-space-16);
    
    /* === TYPOGRAPHY === */
    --maxim-font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    --maxim-font-family-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    
    --maxim-font-size-xsmall: 0.75rem;    /* 12px */
    --maxim-font-size-small: 0.875rem;   /* 14px */
    --maxim-font-size-base: 1rem;     /* 16px */
    --maxim-font-size-large: 1.125rem;   /* 18px */
    --maxim-font-size-xlarge: 1.25rem;    /* 20px */
    --maxim-font-size-2xlarge: 1.5rem;    /* 24px */
    --maxim-font-size-3xlarge: 1.875rem;  /* 30px */
    --maxim-font-size-4xlarge: 2.25rem;   /* 36px */
    --maxim-font-size-5xlarge: 3rem;      /* 48px */
    --maxim-font-size-6xlarge: 3.75rem;   /* 60px */
    
    --maxim-font-weight-normal: 400;
    --maxim-font-weight-medium: 500;
    --maxim-font-weight-semibold: 600;
    --maxim-font-weight-bold: 700;
    --maxim-font-weight-extrabold: 800;
    
    --maxim-line-height-tight: 1.25;
    --maxim-line-height-snug: 1.375;
    --maxim-line-height-normal: 1.5;
    --maxim-line-height-relaxed: 1.625;
    --maxim-line-height-loose: 2;
    
    /* === BORDER RADIUS === */
    --maxim-radius-none: 0;
    --maxim-radius-small: 0.25rem;   /* 4px */
    --maxim-radius-base: 0.375rem; /* 6px */
    --maxim-radius-medium: 0.5rem;    /* 8px */
    --maxim-radius-large: 0.75rem;   /* 12px */
    --maxim-radius-xlarge: 1rem;      /* 16px */
    --maxim-radius-2xlarge: 1.5rem;   /* 24px */
    --maxim-radius-full: 9999px;
    
    /* === SHADOWS === */
    --maxim-shadow-xs: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); /* Extra small shadow */
    --maxim-shadow-xsmall: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --maxim-shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --maxim-shadow-base: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --maxim-shadow-medium: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    --maxim-shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --maxim-shadow-xlarge: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --maxim-shadow-2xlarge: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    
    /* Semantic shadow aliases */
    --maxim-shadow-card: var(--maxim-shadow-medium);
    --maxim-shadow-dropdown: var(--maxim-shadow-large);
    --maxim-shadow-modal: var(--maxim-shadow-2xlarge);
    
    /* === TRANSITIONS === */
    --maxim-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --maxim-transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --maxim-transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    --maxim-transition-slower: 500ms cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Semantic transition aliases */
    --maxim-transition-hover: var(--maxim-transition-fast);
    --maxim-transition-focus: var(--maxim-transition-fast);
    --maxim-transition-modal: var(--maxim-transition-base);
    
    /* === Z-INDEX SCALE === */
    --maxim-z-dropdown: 1000;
    --maxim-z-sticky: 1020;
    --maxim-z-fixed: 1030;
    --maxim-z-modal-backdrop: 1040;
    --maxim-z-modal: 1050;
    --maxim-z-popover: 1060;
    --maxim-z-tooltip: 1070;
    --maxim-z-toast: 1080;
    
    /* === BREAKPOINTS === */
    --maxim-breakpoint-small: 640px;
    --maxim-breakpoint-medium: 768px;
    --maxim-breakpoint-large: 1024px;
    --maxim-breakpoint-xlarge: 1280px;
    --maxim-breakpoint-2xlarge: 1536px;
    
    /* === CONTAINER WIDTHS === */
    --maxim-container-small: 640px;
    --maxim-container-medium: 768px;
    --maxim-container-large: 1024px;
    --maxim-container-xlarge: 1280px;
    --maxim-container-2xlarge: 1536px;
    --maxim-container-full: 100%;
    
    /* Container with padding */
    --maxim-container-padding: var(--maxim-space-4);
    --maxim-container-padding-large: var(--maxim-space-6);
    --maxim-container-padding-xlarge: var(--maxim-space-8);
}

/* =========================================================================
   UTILITY CLASSES
   ========================================================================= */

/* === SPACING UTILITIES === */

/* Margin Bottom */
.maxim-mb-0 { margin-bottom: 0 !important; }
.maxim-mb-1 { margin-bottom: var(--maxim-space-1) !important; }
.maxim-mb-2 { margin-bottom: var(--maxim-space-2) !important; }
.maxim-mb-3 { margin-bottom: var(--maxim-space-3) !important; }
.maxim-mb-4 { margin-bottom: var(--maxim-space-4) !important; }
.maxim-mb-5 { margin-bottom: var(--maxim-space-5) !important; }
.maxim-mb-6 { margin-bottom: var(--maxim-space-6) !important; }
.maxim-mb-8 { margin-bottom: var(--maxim-space-8) !important; }
.maxim-mb-10 { margin-bottom: var(--maxim-space-10) !important; }
.maxim-mb-12 { margin-bottom: var(--maxim-space-12) !important; }

/* Margin Top */
.maxim-mt-0 { margin-top: 0 !important; }
.maxim-mt-1 { margin-top: var(--maxim-space-1) !important; }
.maxim-mt-2 { margin-top: var(--maxim-space-2) !important; }
.maxim-mt-3 { margin-top: var(--maxim-space-3) !important; }
.maxim-mt-4 { margin-top: var(--maxim-space-4) !important; }
.maxim-mt-5 { margin-top: var(--maxim-space-5) !important; }
.maxim-mt-6 { margin-top: var(--maxim-space-6) !important; }
.maxim-mt-8 { margin-top: var(--maxim-space-8) !important; }
.maxim-mt-10 { margin-top: var(--maxim-space-10) !important; }
.maxim-mt-12 { margin-top: var(--maxim-space-12) !important; }

/* Padding Top */
.maxim-pt-0 { padding-top: 0 !important; }
.maxim-pt-1 { padding-top: var(--maxim-space-1) !important; }
.maxim-pt-2 { padding-top: var(--maxim-space-2) !important; }
.maxim-pt-3 { padding-top: var(--maxim-space-3) !important; }
.maxim-pt-4 { padding-top: var(--maxim-space-4) !important; }
.maxim-pt-5 { padding-top: var(--maxim-space-5) !important; }
.maxim-pt-6 { padding-top: var(--maxim-space-6) !important; }
.maxim-pt-8 { padding-top: var(--maxim-space-8) !important; }
.maxim-pt-10 { padding-top: var(--maxim-space-10) !important; }
.maxim-pt-12 { padding-top: var(--maxim-space-12) !important; }

/* Padding Bottom */
.maxim-pb-0 { padding-bottom: 0 !important; }
.maxim-pb-1 { padding-bottom: var(--maxim-space-1) !important; }
.maxim-pb-2 { padding-bottom: var(--maxim-space-2) !important; }
.maxim-pb-3 { padding-bottom: var(--maxim-space-3) !important; }
.maxim-pb-4 { padding-bottom: var(--maxim-space-4) !important; }
.maxim-pb-5 { padding-bottom: var(--maxim-space-5) !important; }
.maxim-pb-6 { padding-bottom: var(--maxim-space-6) !important; }
.maxim-pb-8 { padding-bottom: var(--maxim-space-8) !important; }
.maxim-pb-10 { padding-bottom: var(--maxim-space-10) !important; }
.maxim-pb-12 { padding-bottom: var(--maxim-space-12) !important; }

/* === BORDER UTILITIES === */

/* Border Top */
.maxim-border-t { border-top: 1px solid var(--maxim-border-default) !important; }
.maxim-border-t-2 { border-top: 2px solid var(--maxim-border-default) !important; }
.maxim-border-t-light { border-top: 1px solid var(--maxim-border-light) !important; }
.maxim-border-t-primary { border-top: 1px solid var(--maxim-primary) !important; }
.maxim-border-t-primary-light { border-top: 1px solid var(--maxim-primary-bg-10) !important; }

/* Border Bottom */
.maxim-border-b { border-bottom: 1px solid var(--maxim-border-default) !important; }
.maxim-border-b-2 { border-bottom: 2px solid var(--maxim-border-default) !important; }
.maxim-border-b-light { border-bottom: 1px solid var(--maxim-border-light) !important; }
.maxim-border-b-primary { border-bottom: 1px solid var(--maxim-primary) !important; }

/* Border None */
.maxim-border-none { border: none !important; }
.maxim-border-t-none { border-top: none !important; }
.maxim-border-b-none { border-bottom: none !important; }

/* === OVERFLOW UTILITIES === */
.maxim-overflow-x-hidden { overflow-x: hidden; }
.maxim-overflow-y-hidden { overflow-y: hidden; }
.maxim-overflow-hidden { overflow: hidden; }

/* === DISPLAY UTILITIES === */
.maxim-block { display: block !important; }
.maxim-inline-block { display: inline-block !important; }
.maxim-inline { display: inline !important; }
.maxim-flex { display: flex !important; }
.maxim-inline-flex { display: inline-flex !important; }
.maxim-grid { display: grid !important; }
.maxim-none { display: none !important; }

/* === TEXT UTILITIES === */
.maxim-text-left { text-align: left !important; }
.maxim-text-center { text-align: center !important; }
.maxim-text-right { text-align: right !important; }
.maxim-text-justify { text-align: justify !important; }

/* Text Transform */
.maxim-uppercase { text-transform: uppercase !important; }
.maxim-lowercase { text-transform: lowercase !important; }
.maxim-capitalize { text-transform: capitalize !important; }
.maxim-normal-case { text-transform: none !important; }

/* === FLEX UTILITIES === */
.maxim-flex-row { flex-direction: row !important; }
.maxim-flex-col { flex-direction: column !important; }
.maxim-flex-wrap { flex-wrap: wrap !important; }
.maxim-flex-nowrap { flex-wrap: nowrap !important; }

/* Justify Content */
.maxim-justify-start { justify-content: flex-start !important; }
.maxim-justify-center { justify-content: center !important; }
.maxim-justify-end { justify-content: flex-end !important; }
.maxim-justify-between { justify-content: space-between !important; }
.maxim-justify-around { justify-content: space-around !important; }
.maxim-justify-evenly { justify-content: space-evenly !important; }

/* Align Items */
.maxim-items-start { align-items: flex-start !important; }
.maxim-items-center { align-items: center !important; }
.maxim-items-end { align-items: flex-end !important; }
.maxim-items-baseline { align-items: baseline !important; }
.maxim-items-stretch { align-items: stretch !important; }

/* Gap */
.maxim-gap-0 { gap: 0 !important; }
.maxim-gap-1 { gap: var(--maxim-space-1) !important; }
.maxim-gap-2 { gap: var(--maxim-space-2) !important; }
.maxim-gap-3 { gap: var(--maxim-space-3) !important; }
.maxim-gap-4 { gap: var(--maxim-space-4) !important; }
.maxim-gap-5 { gap: var(--maxim-space-5) !important; }
.maxim-gap-6 { gap: var(--maxim-space-6) !important; }
.maxim-gap-8 { gap: var(--maxim-space-8) !important; }


/* =========================================================================
   DARK MODE VARIABLES
   ========================================================================= */

@media (prefers-color-scheme: dark) {
    :root {
        /* Background colors */
        --maxim-bg-body: #111827;
        --maxim-bg-surface: #1f2937;
        --maxim-bg-elevated: #374151;
        --maxim-bg-muted: #1f2937;
        --maxim-bg-overlay: rgba(0, 0, 0, 0.8);
        
        /* Text colors */
        --maxim-text-primary: #f9fafb;
        --maxim-text-secondary: #d1d5db;
        --maxim-text-muted: #9ca3af;
        --maxim-text-light: #6b7280;
        --maxim-text-inverse: #111827;
        
        /* Border colors */
        --maxim-border-light: #374151;
        --maxim-border-default: #4b5563;
        --maxim-border-medium: #6b7280;
        --maxim-border-strong: #9ca3af;
        --maxim-border-subtle: #374151;
        
        /* Status colors adjusted for dark mode */
        --maxim-success-bg: rgba(0, 163, 42, 0.15);
        --maxim-success-bg-20: rgba(0, 163, 42, 0.25);
        --maxim-success-bg-30: rgba(0, 163, 42, 0.35);
        
        --maxim-warning-bg: rgba(245, 110, 40, 0.15);
        --maxim-warning-bg-20: rgba(245, 110, 40, 0.25);
        --maxim-warning-bg-30: rgba(245, 110, 40, 0.35);
        
        --maxim-error-bg: rgba(214, 54, 56, 0.15);
        --maxim-error-bg-20: rgba(214, 54, 56, 0.25);
        --maxim-error-bg-30: rgba(214, 54, 56, 0.35);
        
        --maxim-info-bg: rgba(34, 113, 177, 0.15);
        --maxim-info-bg-20: rgba(34, 113, 177, 0.25);
        --maxim-info-bg-30: rgba(34, 113, 177, 0.35);
        
        /* Brand colors adjusted for dark mode */
        --maxim-primary-bg-10: rgba(130, 38, 89, 0.15);
        --maxim-primary-bg-20: rgba(130, 38, 89, 0.25);
        --maxim-primary-bg-30: rgba(130, 38, 89, 0.35);
        
        --maxim-secondary-bg-10: rgba(0, 115, 170, 0.15);
        --maxim-secondary-bg-20: rgba(0, 115, 170, 0.25);
        --maxim-secondary-bg-30: rgba(0, 115, 170, 0.35);
        
        --maxim-accent-bg-10: rgba(0, 163, 42, 0.15);
        --maxim-accent-bg-20: rgba(0, 163, 42, 0.25);
        --maxim-accent-bg-30: rgba(0, 163, 42, 0.35);
        
        /* Inverted gray scale for dark mode */
        --maxim-gray-50: #374151;
        --maxim-gray-100: #4b5563;
        --maxim-gray-200: #6b7280;
        --maxim-gray-300: #9ca3af;
        --maxim-gray-400: #d1d5db;
        --maxim-gray-500: #e5e7eb;
        --maxim-gray-600: #f3f4f6;
        --maxim-gray-700: #f9fafb;
        --maxim-gray-800: #ffffff;
        --maxim-gray-900: #ffffff;
        
        /* Shadow adjustments for dark mode */
        --maxim-shadow-xs: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.15);
        --maxim-shadow-xsmall: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        --maxim-shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        --maxim-shadow-base: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
        --maxim-shadow-medium: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 2px 4px 0 rgba(0, 0, 0, 0.3);
        --maxim-shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
        --maxim-shadow-xlarge: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.4);
        --maxim-shadow-2xlarge: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
    }
}