/* tokens.css — jediný zdroj dizajnových tokenov pre urhmi.sk.
   Načítaj VŽDY pred site.css / admin.css / designer/style.css.
   Farby, odstupy a rádiusy sa menia len tu. */
:root{
  /* plochy a text */
  --bg:#f6f8fb;
  --card:#ffffff;
  --ink:#111a26;      /* 17,51:1 na bielej */
  --muted:#5a6b7e;    /* 5,47:1 na bielej */
  --line:#e3e9f0;

  /* značka — Universal Robots modrá (primárny akcent) */
  --brand:#005eb8;       /* biely text 6,3:1 */
  --brand-d:#00417f;
  --brand-l:#3e93de;

  /* royal red — sekundárny akcent značky */
  --royal:#9b1b30;       /* biely text 8:1 · ako text na bielej 8:1 */
  --royal-d:#6e101f;
  --royal-l:#c2223b;
  --royal-bg:#f9e9ec;

  /* stavové farby: plné odtiene = výplne, indikátory, plátno dizajnéra */
  --green:#00844a;
  --amber:#c77700;
  --red:#c2223b;         /* zladené s royal red */

  /* stavové farby ako TEXT — jediné, ktoré smú ísť na svetlé pozadie (WCAG AA) */
  --green-text:#07753a;  /* 5,81:1 */
  --amber-text:#8a5200;  /* 5,9:1 */
  --red-text:#a4132a;    /* 6,4:1 */

  /* jemné podklady odznakov */
  --green-bg:#e6f6ec;
  --amber-bg:#fbf0dd;
  --red-bg:#f9e9ec;
  --brand-bg:#e4eff8;

  /* odstupy — 4px mriežka */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;

  /* rádiusy */
  --radius-sm:9px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:24px;

  /* tiene */
  --shadow:0 18px 50px rgba(20,40,70,.12);
  --shadow-sm:0 8px 24px rgba(20,40,70,.10);

  /* focus ring */
  --focus:#005eb8;

  /* min. veľkosť interaktívneho cieľa */
  --tap:44px;
}

/* ---------- viditeľný focus pre klávesnicu (platí na všetkých plochách) ---------- */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid var(--focus);
  outline-offset:2px;
  border-radius:6px;
}

/* ---------- preskakovací odkaz ---------- */
.skip{position:absolute; left:-9999px; top:0}
.skip:focus{
  left:var(--space-4); top:var(--space-4); z-index:200;
  background:var(--brand); color:#fff; font-weight:700;
  padding:var(--space-3) var(--space-4); border-radius:var(--radius-sm);
  box-shadow:var(--shadow-sm);
}

/* ---------- rešpektuj obmedzenie pohybu ---------- */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
  .reveal{opacity:1 !important; transform:none !important}
}