/* dark.css – tylko różnice względem jasnego motywu */

/*────────────────────  ZMIENNE  ────────────────────*/
:root.dark {                                          
  --template-bg-light: #121212;                         /*  główne tło */
  --template-text-dark: #e0e0e0;                        /*  podstawowy tekst */
  --template-link-color: #90caf9;                       /*  linki */
  --template-special-color: #bb86fc;                    /*  akcenty / przyciski */
  --template-bg-dark: #1e1e1e;                          /*  nagłówki / stopka */
}

/*────────────────────  GLOBAL  ────────────────────*/
body {                                                 
  background: var(--template-bg-light);                 
  color: var(--template-text-dark);                     
}

/* Linki */
a {                                                    
  color: var(--template-link-color);                   
}
/* a:hover,
a:focus {                                            
  opacity: .75;                                         /* delikatne podświetlenie */
} */

/*────────────────────  ELEMENTY UKŁADU  ────────────────────*/
header,                                                
footer,                                                 
.navbar {                                               
  background: var(--template-bg-dark);                  
}

/* Karty / moduły z białym tłem → lekko przyciemnij 
.card,                                                  
.moduletable,                                           
article {                                               
  background: #1e1e1e;                                  
  color: var(--template-text-dark);                     
}
*/
/* Formularze – kontrastowe pola 
input, textarea, select {                               
  background: #1a1a1a;                                  
  color: var(--template-text-dark);                     
  border-color: #333;                                   
}
 */