/* brylka.pl — wspólne zmienne. Świat druku 3D: płyta drukarki (ciepła biel), tusz (grafit), filament (malina, mięta),
   liczby jak na ekranie drukarki (Bahnschrift = DIN, cyfry tabelaryczne). Bez czcionek z sieci. */
/* Barlow (OFL) z naszego serwera: cyfry i nagłówki poza Windowsem (tam Bahnschrift) */
@font-face{font-family:"Barlow brylka";src:url(/vendor/fonty/Barlow_700Bold.ttf) format("truetype");font-weight:500 800;font-display:swap}
:root{
  --plyta:#F4F1EA; --plyta-2:#ECE7DC; --karta:#FFFFFF; --karta-2:#FBF9F5;
  --tusz:#1F1D1A; --tusz-2:#56514A; --tusz-3:#6B655B;
  --kreska:#DDD6C8; --kreska-2:#C9C0AE;
  --malina:#B8285E; --malina-d:#951D4B; --malina-tlo:#FBE9F0;
  --mieta:#2F8F72; --mieta-t:#1F7A60; --mieta-tlo:#E3F4EE;
  --slonce:#C98A00; --slonce-tlo:#FFF5DA;
  --zle:#C0392B; --zle-tlo:#FCEBE8;
  --sw-nd:#1D4ED8;                                  /* niedookreślony szkic (niebieski) */
  --f-din:Bahnschrift,"DIN Alternate","Barlow brylka",system-ui,sans-serif;
  --f-tekst:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-mono:ui-monospace,"Cascadia Mono",Consolas,monospace;
  --r:12px; --r-s:8px;
  --cien:0 1px 2px rgba(31,29,26,.06),0 4px 14px rgba(31,29,26,.07);
  --cien-2:0 2px 4px rgba(31,29,26,.08),0 16px 40px rgba(31,29,26,.14);
  --ease-out:cubic-bezier(.23,1,.32,1); --ease-io:cubic-bezier(.77,0,.175,1);
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--plyta);color:var(--tusz);font:15px/1.5 var(--f-tekst);-webkit-font-smoothing:antialiased}
.din{font-family:var(--f-din);font-variant-numeric:tabular-nums;letter-spacing:.01em}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--malina);outline-offset:2px}
.przycisk{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:0;border-radius:var(--r);
  background:var(--tusz);color:#fff;font:600 15px var(--f-tekst);cursor:pointer;transition:transform 160ms var(--ease-out),background-color 160ms ease}
.przycisk:active{transform:scale(.97)}
.przycisk.akcent{background:var(--malina)}
@media (hover:hover) and (pointer:fine){.przycisk:hover{background:#000}.przycisk.akcent:hover{background:var(--malina-d)}}
.przycisk.jasny{background:var(--karta);color:var(--tusz);box-shadow:inset 0 0 0 1px var(--kreska-2)}
@media (hover:hover) and (pointer:fine){.przycisk.jasny:hover{background:var(--karta-2)}}
.przycisk[disabled]{opacity:.45;cursor:not-allowed}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0ms!important;animation-duration:0ms!important}}