[data-theme="theme-black"] {  
  /* 🖼️ - Backgrounds */
  --section-bg: var(--bg-surface-elevated);
  --section-bg-box: var(--bg-surface);
  --section-bg-bullet: var(--bg-accent-primary);
  --section-bg-special: var(--bg-gradient-special);

  /* 🏷️ - Texts */
  --section-text-special: var(--text-special-inverse);
  --section-text-heading: var(--text-heading-inverse);        /*  --section-font-strong-color    --section-h-color:    --section-mh-color: */
  --section-text-primary: var(--text-primary-inverse);         /*  --section-font-color,  --section-font-strong-color */
  --section-text-secondary: var(--text-secondary-inverse);
  --section-text-tertiary: var(--text-tertiary-invserse);
  
  --section-text-bullet: var(--base-color-white);              /*   --section-font-bullet: var(--base-color-white); */

  --section-text-link: var(--text-link-inverse);              /*  --section-link-color */
  --section-text-link-hover: var(--text-link-hover-inverse);  /* --section-link-hover-color */


  /* 🧱 Boxes - light */
  --box-light-bg: var(--bg-surface);
  --box-light-text-heading: var(--text-heading);
  --box-light-text-primary: var(--text-primary);
  --box-light-text-secondary: var(--text-secondary);
  --box-light-text-tertiary: var(--text-tertiary);

  /* 🧱 Boxes - dark */
  --box-dark-bg: var(--base-color-black);
  --box-dark-text-heading: var(--text-heading-inverse);
  --box-dark-text-primary: var(--text-primary-inverse);
  --box-dark-text-secondary: var(--text-secondary-inverse);
  --box-dark-text-tertiary: var(--text-tertiary-inverse);


/* 
  --box-bg-light: var(--bg-surface);
  --box-font-light: var(--text-primary);      
  --box-font-heading-light: var(--text-heading);
  --box-font-secodnary-light: var(--text-secodnary);

  --box-bg-dark: var(--base-color-black);
  --box-font-dark: var(--text-primary-inverse);
  --box-font-heading-dark: var(--text-heading-inverse);
  --box-font-secodnary-dark: var(--text-secodnary-inverse);


  --box-font-dark: var(--text-primary-inverse);
  --box-font-heading-dark: var(--text-heading-inverse);
  --box-font-secodnary-dark: var(--text-secodnary-inverse);
*/

/*

  --section-font-color: var(--color-white-900);                    
  --section-font-strong-color: var(--base-color-white);
  --section-font-bullet: var(--base-color-white);
  --section-mh-color: var(--base-color-white);                     /* main header 
  --section-h-color: var(--base-color-white);                      /* headers color

  --section-link-color: var(--base-color-orange);
  --section-link-hover-color: var(--base-color-orange); */



  /* shadows 
  --box-shadow: var(--box-shadow-dark-back); 
  --box-shadow-hover: var(--box-shadow-dark-hover);

  --section-small-box-bg-light: var(--base-color-white);
  --section-small-box-font-light: var(--base-color-black);
  --section-small-box-bg-dark: var(--base-color-black);
  --section-small-box-font-dark: var(--base-color-white);
  --small-box-shadow: var(--box-shadow-dark-back); 
  --small-box-shadow-hover: var(--box-shadow-dark-hover);*/

/*  --section-bg-box-light: var(--base-color-white);
  --section-bg-box-dark: var(--base-color-black); 

  --section-shadow-box: var(--box-shadow-dark-back); */
}


[data-theme="theme-transparent"] {  
  /* 🖼️ - Backgrounds */
  --section-bg: var(--bg-transparent);
  --section-bg-box: var(--bg-surface);
  --section-bg-bullet: var(--bg-accent-primary);
  --section-bg-special: var(--bg-gradient-special);

  /* 🏷️ - Texts */
  --section-text-special: var(--text-special);
  --section-text-heading: var(--text-heading);        /*  --section-font-strong-color    --section-h-color:    --section-mh-color: */
  --section-text-primary: var(--text-primary);         /*  --section-font-color,  --section-font-strong-color */
  --section-text-secondary: var(--text-secondary);
  --section-text-tertiary: var(--text-tertiary);
  
  --section-text-bullet: var(--base-color-white);              /*   --section-font-bullet: var(--base-color-white); */

  --section-text-link: var(--text-link);              /*  --section-link-color */
  --section-text-link-hover: var(--text-link-hover);  /* --section-link-hover-color */


  /* 🧱 Boxes - light */
  --box-light-bg: var(--bg-surface);
  --box-light-text-heading: var(--text-heading);
  --box-light-text-primary: var(--text-primary);
  --box-light-text-secondary: var(--text-secondary);
  --box-light-text-tertiary: var(--text-tertiary);

  /* 🧱 Boxes - dark */
  --box-dark-bg: var(--base-color-black);
  --box-dark-text-heading: var(--text-heading-inverse);
  --box-dark-text-primary: var(--text-primary-inverse);
  --box-dark-text-secondary: var(--text-secondary-inverse);
  --box-dark-text-tertiary: var(--text-tertiary-inverse);
}


[data-theme="theme-white"] {  
  /* 🖼️ - Backgrounds */
  --section-bg: var(--bg-surface);
  --section-bg-box: var(--bg-surface);
  --section-bg-bullet: var(--bg-accent-primary);
  --section-bg-special: var(--bg-gradient-special);

  /* 🏷️ - Texts */
  --section-text-special: var(--text-special);
  --section-text-heading: var(--text-heading);        /*  --section-font-strong-color    --section-h-color:    --section-mh-color: */
  --section-text-primary: var(--text-primary);         /*  --section-font-color,  --section-font-strong-color */
  --section-text-secondary: var(--text-secondary);
  --section-text-tertiary: var(--text-tertiary);
  
  --section-text-bullet: var(--base-color-white);              /*   --section-font-bullet: var(--base-color-white); */

  --section-text-link: var(--text-link);              /*  --section-link-color */
  --section-text-link-hover: var(--text-link-hover);  /* --section-link-hover-color */


  /* 🧱 Boxes - light */
  --box-light-bg: var(--bg-surface);
  --box-light-text-heading: var(--text-heading);
  --box-light-text-primary: var(--text-primary);
  --box-light-text-secondary: var(--text-secondary);
  --box-light-text-tertiary: var(--text-tertiary);

  /* 🧱 Boxes - dark */
  --box-dark-bg: var(--base-color-black);
  --box-dark-text-heading: var(--text-heading-inverse);
  --box-dark-text-primary: var(--text-primary-inverse);
  --box-dark-text-secondary: var(--text-secondary-inverse);
  --box-dark-text-tertiary: var(--text-tertiary-inverse);
}

.highlight-back {
  position: relative;
  z-index: 0;
  --bg-opacity: 0;
  --bg-width: 30%; /* startowa wartość */
}


.highlight-back::after {   background: var(--bg-special2);
  opacity: var(--bg-opacity);
    width: var(--bg-width, 50%);
  transition: opacity 0.15s linear, transform 0.3s ease-out;
  transform: translateX(-50%) scaleX(var(--bg-scale));
  transform-origin: center;
  pointer-events: none; }



.highlight-back2 {
  position: relative;
  z-index: 0;
  --bg-opacity: 0;
  --bg-width: 30%; /* startowa wartość */
}

.highlight-back2::after {   /*background: var(--bg-special2);*/
background: linear-gradient(
    180deg,
    rgba(8, 8, 8, 1) 0%,          /* góra – czarnawy */
    rgba(4, 142, 240, 0.25) 15%,   /* przejście w jaśniejsze */
    rgba(232, 75, 218, 0.04) 50%, /* środek – najjaśniejsze */
    rgba(4, 142, 240, 0.25) 85%,   /* powrót do ciemniejszego */
    rgba(8, 8, 8, 1) 100%         /* dół – znowu czarnawy */
  );

  opacity: var(--bg-opacity);
/*    width: var(--bg-width, 50%); */
  transition: opacity 0.15s linear, transform 0.3s ease-out;
  transform: translateX(-50%) scaleX(var(--bg-scale));
  transform-origin: center;
  pointer-events: none; }


.lead .highlighted-orange { background:var(--text-special); }

.highlighted-orange-color { color:var(--text-special); color:var(--text-heading-inverse); }
.highlighted-orange-color::after { background:var(--text-special); }

.list--style-disc li:before { background: var(--section-bg-bullet); }
.list--style-decimal li:before { color:var(--section-text-primary); }

.list--checked-list li span:before { background: center / 10px 10px no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><path d='M20 6 9 17l-5-5'/></svg>"), var(--base-color-green) /*var(--gradient-cta)*/; }


.section .steps li { color: var(--section-text-heading); position: relative; }
.section .steps li::before { background:var(--accent-tertiary); color: var(--section-text-primary); }
.section .steps li::after { background: repeating-linear-gradient( to bottom, var(--accent-tertiary, #FF8A00) 0 6px,   /* kreska */ transparent 4px 12px /* odstęp */ ); }



/*

.section .services-selector .sidebar .tabs--ver-list li button { transition: color 0.3s ease, box-shadow 0.3s ease; z-index:4; -webkit-tap-highlight-color: transparent;}



.sec-services .services-selector .sidebar .tabs .q:hover { transition:transform 0.5s ease, background 0.5s ease, color 0.5s ease, box-shadow 0.5s ease; }
.sec-services .services-selector .sidebar .tabs .q:hover button { transition:transform 0.5s ease, background 0.5s ease, color 0.5s ease, box-shadow 0.5s ease; }
.section .services-selector .sidebar .tabs .q:hover h3 { box-shadow:var(--section-shadow-box); color:var(--basic-color-black); }

*/





/* =========================================================
  🧩 SERVICES
========================================================= */

/*
.section .services-selector .sidebar ul li .tab svg { color:var(--basic-color-white);  }
.section .services-selector .sidebar ul li .tab::after { background:var(--basic-color-orange); width:var(--button-l-ico-width); height:var(--button-l-ico-height); } 
*/