/* Karty usług – wariant B z labu new2-karty (Adrian 2026-09-28: „bierzmy B”): białe tło grafik, rysunek w granacie,
   akcenty jak w hero. Przeniesione z trash/lab-new2/karty/kv-b.css (prefiks .kv--b zamieniony na .svc, ta sama waga
   selektorów); ładowane po elementy.css. */
/* Wariant B · Biel i akcenty hero (lab kart „Usługi”, 2026-09-27).
   Tło grafik białe, bez seledynowego gradientu i poświat. Rysunek w granacie i niebieskim,
   akcenty: pomarańcz akcji i błękit impulsów (--cyan) jak w hero. Karta biała z cieniem,
   ikona nagłówka jak etykieta (chip) w hero: obrys granatowy, przy głównej karcie gradient akcji.
   Tylko tokeny z :root site.css (mieszanki zaokrąglone do istniejących --mx-*, nowych odcieni brak).
   Na bieli --g2-cyan zostaje jak dziś (--mx-cyan-70-blue), czysty --cyan tylko w impulsach (ruch pomaga cienkiej kresce). */

/* Zmienne rysunku (--g2-*) dla grafik w kartach. */
.svc .svc__art {
  --g2-ink: var(--navy);
  --g2-ink-2: var(--blue);
  --g2-wire: var(--mx-navy-26-t);
  --g2-bar: var(--mx-navy-10-t);
  --g2-bar-2: var(--mx-navy-30-t);
  --g2-glass: var(--white);
  --g2-glass-line: var(--mx-navy-16-t);
  --g2-solid: var(--white);
  --g2-field: var(--white);
  --g2-bg: var(--white);
  --g2-shade: var(--mx-navy-7-t);
  --g2-dot: var(--mx-navy-12-t);
  --g2-hot: var(--orange);
  --g2-cyan: var(--mx-cyan-70-blue);
  --g2-soft-o: var(--mx-orange-9-t);
  --g2-soft-c: var(--mx-cyan-14-t);
  --g2-tube: var(--navy);
  --g2-stage-line: var(--line-light);
  background: var(--white);
}

/* Impulsy (poza „gorącymi” w pomarańczu): czysty błękit hero – element w ruchu, więc widoczny mimo słabszego kontrastu na bieli. */
.svc .svc__art .g2-pulse:not(.g2-pulse--hot) { stroke: var(--cyan); }

/* Tło grafiki: czysta biel zamiast gradientu white -> blue-soft z poświatami. */
.svc.svc .svc__art .g2-media {
  background: var(--white);
  border-bottom: 1px solid var(--line-light);
}

/* Karta: biała, cień granatowy jak pod kafelkami hero. */
.svc .svc__card {
  background: var(--white);
  border-color: var(--line-light);
  box-shadow: 0 1px 2px var(--mx-navy-7-t), 0 26px 50px -34px var(--mx-navy-55-t);
}
.svc .svc__card--main {
  border-color: var(--orange);
  box-shadow: 0 0 0 1px var(--orange), 0 26px 50px -34px var(--mx-navy-55-t);
}

/* Ikona nagłówka jak etykieta (chip) w hero: granatowy obrys na bieli. */
.svc .svc__ico {
  background: var(--white);
  border: 1.5px solid var(--navy);
  border-radius: 10px;
}
.svc .svc__ico svg { stroke: var(--navy); }
.svc .svc__card--main .svc__ico {
  background: var(--grad-accent);
  border-color: var(--navy-900);
}
.svc .svc__card--main .svc__ico svg { stroke: var(--navy-900); }

/* Podpis mono w niebieskim nawigacyjnym, jak dziś; nazwa w granacie. */
.svc .svc__name { color: var(--navy); }
.svc .svc__cap { color: var(--blue); }