/* Technická čistota – chladná biela "tlačová podložka" s jemným rastrom,
   cyan ako žiarivý akcent z loga, kovová tmavá ako text */
:root{
  color-scheme:light;

  --bg:#F3F6F8;          /* chladná biela s nádychom ocele */
  --surface:#FFFFFF;
  --ink:#0F1B23;         /* tmavá z kruhu loga */
  --steel:#55656F;       /* sekundárny text */
  --line:#D9E2E8;
  --grid:#E3EAEF;
  --cyan:#12C6E6;        /* akcent z loga */
  --cyan-hi:#3FE0F5;
  --cyan-strong:#0B9EC0;  /* cyan pre veľké nadpisy na bielom */
  --cyan-ink:#0A7E95;    /* cyan pre text na svetlom (kontrast) */
  --cyan-wash:#E4F8FC;
  --dark:#0F1B23;
  --on-dark:#E8F0F4;
  --on-dark-dim:#A9B9C2;
  --on-dark-line:rgba(232,240,244,.14);

  --f-display:"Montserrat","Segoe UI",system-ui,sans-serif;
  --f-body:"Barlow","Segoe UI",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;

  --r:14px;
  --wrap:1180px;
  --head-h:84px;
  --gx:max(16px,env(safe-area-inset-left,0px));
  --gx-r:max(16px,env(safe-area-inset-right,0px));
}