/* 2. COLORS.CSS - Definicje kolorów - Light & Dark Theme. */

       :root {
            /* --- LIGHT MODE (Domyślny) --- */
            
            /* PRIMARY: Yellow #FFCC00 */
            --primary-main: #FFCC00; /*  #E6B800*/
			--primary-main2: #C69C09;
			--primary-main-ext: #FFF6D4;
            --primary-hover: #E6B800;  /* #CC9900 */
            --primary-content: #111827; 

            /* SECONDARY: Indigo */
            /* Używamy chłodnego fioletu/indygo, aby zbalansować ciepły żółty */
            --secondary-brand: #4F46E5;
            --secondary-brand-hover: #4338CA;
            --secondary-brand-content: #FFFFFF; /* Biały tekst na ciemnym fiolecie */
            --secondary-brand-bg: #E0E7FF; /* Tło dla alertów informacyjnych */
            --secondary-brand-text: #3730A3;
			
			--secondary-main:#5D5CFF;
			--secondary-main-ext:#EBEBFA;
			
            /* STATUS COLORS */
            --success-main: #10B981;
            --success-bg: #D1FAE5; 
            --success-text: #065F46; 
            
            --error-main: #EF4444;
            --error-bg: #FEE2E2;
            --error-text: #991B1B;

			/* App bar */
			--bg-appbar: #ededed;

            /* Tła */
            --bg-body: #F9FAFB; 
            --bg-surface: #FFFFFF; 
            --bg-surface-2: #F3F4F6; 

            /* Tekst */
            --text-main: #111827; 
            --text-secondary: #4B5563; 
            --text-muted: #9CA3AF;
			
			--text-icon: #B0B0B0; /* 2P */

            /* Obramowania */
            --border-color: #E0E0E0;
            --border-focus: #FFCC00;
			--border2:      #B0B0B0; /* 2P */

            /* Dodatki */
            --shadow-sm: 0 0.0625em 0.125em 0 rgb(0 0 0 / 0.05);
            --shadow-md: 0 0.5em 0.375em -0.0625em rgb(0 0 0 / 0.1);
			
			/* Select */
			--select-bg: 		#e0f2fe;
			--select-border: 	#0284c7;
			--select-text:		#0369a1;
			
        }

        /* --- DARK MODE --- */
        [data-theme="dark"] {
            /* Primary */
            --primary-main: #FFCC00;
			--primary-main2: #FFCC00;
			--primary-main-ext: #3E320E;
            --primary-hover: #FFD633; 
            --primary-content: #000000;
			

            /* Secondary: W dark mode nieco jaśniejszy, bardziej "neonowy" */
            --secondary-brand: #6366F1;
            --secondary-brand-hover: #818CF8;
            --secondary-brand-content: #FFFFFF;
            --secondary-brand-bg: rgba(99, 102, 241, 0.15); /* Transparentny */
            --secondary-brand-text: #A5B4FC;
			
			--secondary-main:#6D7BFF;
			--secondary-main-ext:#24243E;

            /* Status */
            --success-main: #34D399;
            --success-bg: rgba(16, 185, 129, 0.15);
			--success-bg2: #122B23;
            --success-text: #6EE7B7;
            
            --error-main: #F87171;
            --error-bg: rgba(239, 68, 68, 0.15);
			--error-bg2: #331A1A;
            --error-text: #FCA5A5;
			
			/* App bar */
			--bg-appbar: #0C0C0C;

            /* Tła */
            --bg-body: #121212; 
            --bg-surface: #1E1E1E; 
            --bg-surface-2: #2C2C2C;

            /* Tekst */
            --text-main: #F9FAFB; 
            --text-secondary: #D1D5DB; 
            --text-muted: #6B7280;
			
			--text-icon: #B0B0B0; /* 2P */

            /* Obramowania */
            --border-color: #373737; /* #333333 */
            --border-focus: #FFCC00;
			--border2:      #B0B0B0; /* 2P */
            
            --shadow-sm: 0 0.0625em 0.125em 0 rgb(0 0 0 / 0.5);
            --shadow-md: 0 0.5em 0.375em -0.0625em rgb(0 0 0 / 0.5);
			
			/* Select */
			--select-bg: 	#0c4a6e; /* Ciemny, głęboki niebieski (Sky-900) */
			--select-border: 	#38bdf8; /* Jasny, "świecący" niebieski (Sky-400) */
			--select-text:	#e0f2fe; /* Bardzo jasny błękit (Twój oryginalny BG) */
        }