/* O nas. Inicjały, lista standardów, siatka wartości. Reszta jest w site.css. */

:root {
  --pg-ava-bg: rgba(0, 87, 255, .12);
  --pg-ava-fg: var(--fe-eyebrow);
  --pg-card-shadow: 0 18px 50px rgba(15, 25, 50, .10);
  --pg-grid: rgba(10, 20, 40, .045);
}

:root[data-theme="dark"] {
  --pg-ava-bg: rgba(0, 87, 255, .16);
  --pg-ava-fg: var(--fe-white);
  --pg-card-shadow: 0 18px 50px rgba(0, 0, 0, .45);
  --pg-grid: rgba(255, 255, 255, .04);
}

.fe-h1,
.fe-h2,
.fe-h3,
.fe-card__title {
  color: var(--fe-white);
}

.fe-pagehero__grid {
  background-image:
    linear-gradient(var(--pg-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--pg-grid) 1px, transparent 1px);
  background-size: 80px 80px;
}

.fe-breadcrumb a:hover,
.fe-crumbs a:hover,
.fe-breadcrumb [aria-current="page"],
.fe-crumbs [aria-current="page"] {
  color: var(--fe-white);
}

.on-block{display:flex;flex-direction:column;gap:28px}
.on-block .fe-card{
  background:var(--fe-surface);
  box-shadow:var(--fe-shadow, var(--pg-card-shadow));
}
.on-ava{
  width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--pg-ava-bg);color:var(--pg-ava-fg);font-size:18px;font-weight:700;letter-spacing:.04em;
}
.on-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.on-list li{position:relative;padding-left:18px;color:var(--fe-text);font-size:17px;line-height:1.55}
.on-list li::before{
  content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--fe-blue);
}
.on-note{color:var(--fe-white);font-size:18px;line-height:1.55}
.on-links a:hover{color:var(--fe-text-hi)}
.on-links{display:flex;flex-wrap:wrap;gap:8px 16px;overflow-wrap:anywhere}