/* CSL Garage - tema dark comuna pentru paginile de informatii (oct. 2026)
   Referinta aprobata: pagina "Incalzire in scaune" (fundal #0a0b0d / #111317,
   carduri #16181d cu bordura #24272e, text #f3f4f6, secundar #a1a6b0, rosu #e3141b,
   titluri Poppins, text Inter).
   Regulile generice folosesc :where() (specificitate 0), astfel incat stilurile
   proprii ale fiecarei pagini (deja adaptate la tema) raman prioritare. */
:root{
  --csl-red:#e3141b;        /* fundal butoane / accente (alb pe el: 4.8:1) */
  --csl-red2:#b80f15;       /* hover butoane */
  --csl-red-txt:#ff4d52;    /* text rosu pe fundal inchis (>=5:1) */
  --csl-bg:#0a0b0d;
  --csl-bg2:#111317;
  --csl-card:#16181d;
  --csl-raised:#1c1f25;
  --csl-line:#24272e;
  --csl-line2:#3a3f49;
  --csl-txt:#f3f4f6;
  --csl-soft:#d1d5db;
  --csl-mut:#a1a6b0;
  --csl-green:#15803d;      /* WhatsApp (alb pe el: 5:1) */
  --csl-head:Poppins,Inter,Arial,sans-serif;
  --csl-body:Inter,Arial,Helvetica,sans-serif;
  color-scheme:dark;
}

html{background:var(--csl-bg);scrollbar-color:var(--csl-line2) var(--csl-bg)}
body{background-color:var(--csl-bg);color:var(--csl-txt);font-family:var(--csl-body);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}

/* tipografie */
:where(h1,h2,h3,h4,h5,h6){font-family:var(--csl-head);color:inherit;line-height:1.2}
:where(p,li,dd,dt,label,small,figcaption,blockquote){color:inherit}
:where(b,strong){color:inherit}
:where(a){color:inherit}
:where(p,li,td,dd,label,small) :where(a:not([class])){color:var(--csl-red-txt);text-decoration:underline;text-underline-offset:2px}
:where(code,kbd,pre){background:var(--csl-raised);color:var(--csl-txt);border-radius:6px}
:where(mark){background:var(--csl-red);color:#fff}
::selection{background:rgba(227,20,27,.6);color:#fff}

/* media */
:where(img,video,iframe,svg){max-width:100%}
:where(img){height:auto}
:where(hr){border:0;border-top:1px solid var(--csl-line)}

/* utilitare reutilizabile (aceleasi ca pe pagina de referinta) */
:where(.csl-kick,.kick){color:var(--csl-red-txt);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
:where(.card,.csl-card){background:var(--csl-card);border:1px solid var(--csl-line);border-radius:12px;color:var(--csl-txt)}
/* imagini PNG albe / cu fundal transparent: container deschis rotunjit, ca sa ramana lizibile */
:where(.csl-light-img){background:#fff;border-radius:10px;padding:6px}

/* butoane */
:where(button,.btn,input[type=submit],input[type=button],input[type=reset]){font-family:inherit}
:where(button:not([class]),input[type=submit],input[type=button],input[type=reset]){background:var(--csl-red);color:#fff;border:0;border-radius:8px;padding:10px 18px;font-weight:700;cursor:pointer}
:where(button:not([class]),input[type=submit],input[type=button]):hover{background:var(--csl-red2)}

/* formulare */
:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]):not([type=reset]):not([type=color]),select,textarea){
  background-color:var(--csl-bg2);color:var(--csl-txt);border:1px solid var(--csl-line2);border-radius:8px}
:where(input,textarea)::placeholder{color:#8b909a;opacity:1}
:where(input[type=checkbox],input[type=radio],input[type=range],progress){accent-color:var(--csl-red)}
:where(input,select,textarea,button,a,summary,[tabindex]):focus-visible{outline:2px solid var(--csl-red-txt);outline-offset:2px}
:where(select option,select optgroup){background:var(--csl-card);color:var(--csl-txt)}
:where(fieldset){border-color:var(--csl-line)}

/* tabele */
:where(table){border-collapse:collapse;color:inherit}
:where(th,td){border-color:var(--csl-line)}
:where(th){color:var(--csl-txt)}

/* details / FAQ */
:where(details){border-color:var(--csl-line)}
:where(summary){cursor:pointer}

/* print: alb-negru, lizibil pe hartie (formulare tiparite) */
@media print{
  :root{color-scheme:light}
  html,body{background:#fff !important;color:#000 !important}
  body *{color:#000 !important;background-color:transparent !important;box-shadow:none !important;text-shadow:none !important;border-color:#999 !important}
  body :where(input,select,textarea){background:#fff !important;color:#000 !important;border:1px solid #999 !important}
  a{text-decoration:none !important}
}