/* Právne stránky — rovnaké tokeny, hlavička a päta ako index.html (tokeny skopírované 1:1;
   keď sa zmenia v index.html, treba ich prepísať aj sem). */
:root {
  --green-900:#0E1F16; --green-800:#163021; --green-700:#204432;
  --green-600:#3C5A48; --green-500:#3F6B50; --green-400:#7FA38C; --green-300:#B7C9BE; --green-200:#E4EDE6;
  --sand-600:#DCC79F; --sand-550:#E7E0CF; --sand-500:#E8E3D8; --sand-400:#E7D6B4; --sand-300:#EFE9DC; --sand-200:#F4EFE3; --sand-100:#FAF6EE;
  --clay-800:#8A4429; --clay-700:#A04E31; --clay-600:#BA5F3F; --clay-300:#D9B9AE; --clay-200:#F7E3DC; --clay-150:#EAD9D2; --clay-100:#FBEBE4; --clay-400:#B98F7C;
  --gold-700:#71552E; --gold-600:#8A6A3E; --gold-100:#F0E6D2;
  --grey-600:#4B6357; --grey-500:#7A8A80; --grey-400:#9AA8A0; --grey-300:#B7BDB8;
  --white:#FFFFFF;

  --bg-canvas:var(--sand-100); --bg-surface:var(--white); --bg-sunken:var(--sand-300); --bg-sunken-soft:var(--sand-200);
  --bg-inverse:var(--green-700); --bg-inverse-strong:var(--green-900); --bg-device:var(--green-800); --bg-desk:var(--sand-500); --bg-disabled:rgba(32,68,50,0.06);
  --text-primary:var(--green-700); --text-secondary:var(--grey-600); --text-muted:var(--grey-500); --text-faint:var(--grey-400); --text-disabled:var(--grey-300);
  --text-on-inverse:var(--white); --text-on-inverse-muted:var(--sand-400); --ink-ghost:rgba(32,68,50,0.3);
  --border-subtle:rgba(32,68,50,0.07); --border-default:rgba(32,68,50,0.12); --border-strong:rgba(32,68,50,0.20); --border-selected:var(--green-700);
  --accent:var(--clay-600); --accent-bg:var(--clay-100); --accent-bg-muted:var(--clay-150); --accent-muted:var(--clay-400); --accent-faint:var(--clay-300); --accent-pressed:var(--clay-800); --accent-border:rgba(186,95,63,0.22);
  --highlight:var(--sand-400);
  --warn:var(--clay-700); --warn-bg:var(--clay-100); --warn-bg-strong:var(--clay-200);
  --info:var(--gold-600); --info-strong:var(--gold-700); --info-bg:var(--gold-100);
  --success:var(--green-500); --success-bg:var(--green-200); --sage:var(--green-400); --text-on-sage:var(--green-900); --sage-border:rgba(127,163,140,0.4);
  --pantry:var(--green-600); --pantry-muted:var(--green-300);
  --on-inverse-bg-subtle:rgba(231,214,180,0.08); --on-inverse-bg:rgba(231,214,180,0.14); --on-inverse-border:rgba(231,214,180,0.22);
  --on-inverse-faint:rgba(231,214,180,0.6); --on-inverse-secondary:rgba(231,214,180,0.82);
  --on-photo-bg:rgba(255,255,255,0.18); --on-photo-faint:rgba(255,255,255,0.65); --on-photo-secondary:rgba(255,255,255,0.88);
  --overlay-ink:rgba(14,31,22,0.55); --scrim:rgba(14,31,22,0.45); --scrim-strong:rgba(14,31,22,0.92);

  --s-05:2px; --s-1:4px; --s-15:6px; --s-2:8px; --s-25:10px; --s-3:12px; --s-35:14px; --s-4:16px; --s-45:18px;
  --s-5:20px; --s-6:24px; --s-7:28px; --s-8:32px; --s-9:36px; --s-10:40px; --s-11:44px; --s-12:48px; --s-13:52px;

  --radius-2xs:2px; --radius-xs:6px; --radius-sm:10px; --radius-md:14px; --radius-lg:18px; --radius-xl:22px; --radius-2xl:32px; --radius-3xl:48px; --radius-full:999px;

  --font-sans:'Plus Jakarta Sans',sans-serif;
  --fs-amount-xl:56px; --fs-amount-lg:38px; --fs-ghost:120px; --fs-hero:30px; --fs-display:26px; --fs-title-lg:20px; --fs-title:18px; --fs-subtitle:15px;
  --fs-body:14px; --fs-body-sm:13.5px; --fs-label:12.5px; --fs-meta:11px; --fs-micro:10px;
  --icon-empty:40px; --icon-xs:12px; --icon-sm:14px; --icon-md:16px; --icon-lg:18px; --icon-xl:20px; --icon-2xl:24px; --icon-3xl:30px; --icon-hero:50px;
  --fw-regular:600; --fw-medium:700; --fw-bold:800;
  --lh-none:1; --lh-tight:1.08; --lh-snug:1.2; --lh-base:1.3; --lh-normal:1.45; --lh-relaxed:1.55;

  --fs-web-hero:clamp(40px,5.6vw,68px); --fs-web-h2:clamp(30px,4vw,46px); --fs-web-h3:clamp(24px,2.6vw,30px); --fs-web-h4:19px;
  --fs-web-amount:clamp(34px,4.6vw,52px); --fs-web-lead:20px; --fs-web-body:16px; --fs-web-sm:14px; --fs-web-meta:12.5px; --fs-web-eyebrow:13px;

  --shadow-tab:0 1px 3px rgba(32,68,50,0.12); --shadow-card:0 16px 32px rgba(32,68,50,0.22); --shadow-card-lg:0 16px 34px rgba(32,68,50,0.22);
  --shadow-accent:0 16px 36px rgba(186,95,63,0.45); --shadow-sheet-lg:0 -18px 50px rgba(14,31,22,0.3); --shadow-modal:0 24px 50px rgba(0,0,0,0.5);
  --shadow-vignette:inset 0 0 90px rgba(0,0,0,0.45); --ring-success:0 0 0 5px rgba(127,163,140,0.35); --shadow-sheet:0 -12px 32px rgba(14,31,22,0.18); --shadow-device:0 30px 60px rgba(22,48,33,0.25);

  --photo-scrim-full:linear-gradient(180deg,rgba(14,31,22,0.9) 0%,rgba(14,31,22,0.5) 30%,rgba(14,31,22,0.42) 48%,rgba(14,31,22,0.95) 100%);
  --photo-scrim-down:linear-gradient(180deg,rgba(14,31,22,0.42) 0%,rgba(14,31,22,0.72) 45%,rgba(14,31,22,0.93) 100%);
  --photo-scrim-up:linear-gradient(to top,rgba(14,31,22,0.92) 0%,rgba(14,31,22,0.05) 52%,rgba(14,31,22,0.34) 100%);
  --photo-scrim-soft:linear-gradient(180deg,rgba(14,31,22,0.5) 0%,rgba(14,31,22,0.92) 70%);

  --focus-ring:0 0 0 3px rgba(186,95,63,0.45); --transition:140ms cubic-bezier(0.2,0,0.2,1);
  --hover-surface:var(--sand-200); --hover-sunken:var(--sand-550); --hover-inverse:var(--green-800); --hover-accent:var(--clay-800);
  --hover-highlight:var(--sand-600); --hover-warn:var(--accent-bg-muted); --hover-on-photo:rgba(255,255,255,0.32); --pressed-scale:0.985;
}


*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} *{animation-duration:0.01ms !important;transition-duration:0.01ms !important;} }
body{font-family:var(--font-sans);background:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:clip;min-height:100vh;display:flex;flex-direction:column;}
body > main{flex:1 0 auto;}
a{color:var(--text-primary);text-decoration:none;}
a:hover{color:var(--accent);}
::selection{background:var(--accent);color:var(--white);}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm);}
.ms{font-family:'Material Symbols Outlined';line-height:1;}
img{max-width:100%;}

/* header */
header.site{position:sticky;top:0;z-index:60;background:rgba(250,246,238,0.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);}
header.site .inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--s-6);padding:var(--s-3) var(--s-9);}
@media (max-width:700px){ header.site .inner{padding-left:var(--s-4);padding-right:var(--s-4);} }
.brand-lockup{display:inline-block;background-color:currentColor;-webkit-mask:url(/img/logo.svg) no-repeat center/contain;mask:url(/img/logo.svg) no-repeat center/contain;}
.backlink{display:inline-flex;align-items:center;gap:var(--s-15);min-height:44px;font-size:var(--fs-web-sm);font-weight:800;color:var(--text-primary);}
.backlink:hover{color:var(--accent);}
.backlink .ms{font-size:var(--icon-lg);}

/* buttons */
.btn-solid-accent{font-family:inherit;border:none;cursor:pointer;background:var(--accent);color:var(--text-on-inverse);font-size:var(--fs-web-sm);font-weight:800;padding:0 var(--s-7);min-height:52px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);transition:background var(--transition);}
.btn-solid-accent:hover{background:var(--accent-pressed);color:var(--text-on-inverse);}

/* dokument */
.doc{width:100%;max-width:720px;margin:0 auto;padding:var(--s-12) var(--s-6) var(--s-13);}
@media (max-width:700px){ .doc{padding-top:var(--s-9);padding-bottom:var(--s-11);} }
.doc .eyebrow{font-size:var(--fs-web-eyebrow);font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--s-3);}
.doc h1{font-size:clamp(30px,5vw,44px);font-weight:800;letter-spacing:-0.035em;line-height:var(--lh-tight);margin-bottom:var(--s-5);text-wrap:balance;overflow-wrap:anywhere;}
.doc h2{font-size:clamp(22px,3vw,26px);font-weight:800;letter-spacing:-0.02em;line-height:var(--lh-snug);margin:var(--s-12) 0 var(--s-4);text-wrap:balance;}
.doc h3{font-size:var(--fs-web-h4);font-weight:800;line-height:var(--lh-snug);margin:var(--s-9) 0 var(--s-3);}
.doc p,.doc li{font-size:var(--fs-web-body);font-weight:400;line-height:var(--lh-relaxed);color:var(--text-secondary);}
.doc p{margin-bottom:var(--s-4);}
.doc p strong,.doc li strong,.doc td strong,.doc th strong{font-weight:800;color:var(--text-primary);}
.doc a{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere;}
.doc a:hover{color:var(--accent-pressed);}
.doc ul,.doc ol{margin:0 0 var(--s-4);padding-left:var(--s-6);}
.doc li{margin-bottom:var(--s-2);padding-left:var(--s-05);}
.doc li > ul,.doc li > ol{margin-top:var(--s-2);margin-bottom:var(--s-2);}
.doc hr{border:none;border-top:1px solid var(--border-default);margin:var(--s-10) 0 0;}
.doc hr + h2{margin-top:var(--s-8);}
.doc-meta{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-7);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--s-3) var(--s-4);margin-bottom:var(--s-7);}
.doc-meta span{font-size:var(--fs-web-sm);font-weight:400;color:var(--text-secondary);}
.doc-meta b{font-weight:800;color:var(--text-primary);}
.doc-address{margin-bottom:var(--s-4);}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 var(--s-6);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);}
.table-wrap table{border-collapse:collapse;width:100%;min-width:520px;}
.table-wrap th,.table-wrap td{text-align:left;vertical-align:top;font-size:var(--fs-web-sm);line-height:var(--lh-normal);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-weight:400;}
.table-wrap th{font-weight:800;color:var(--text-primary);background:var(--bg-sunken-soft);}
.table-wrap tr:last-child td{border-bottom:none;}
.todo{background:var(--highlight);color:var(--text-primary);padding:0 var(--s-1);border-radius:var(--radius-xs);font-weight:700;}
.doc-cta{margin:var(--s-8) 0 var(--s-6);display:flex;flex-wrap:wrap;gap:var(--s-3);}
.doc-note{font-size:var(--fs-web-sm);color:var(--text-muted);}

/* footer */
footer.site{padding:var(--s-9) var(--s-9) var(--s-11);border-top:1px solid var(--border-subtle);}
.footinner{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:var(--s-8);}
.footgrid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:var(--s-9);align-items:start;}
@media (max-width:700px){ .footgrid{grid-template-columns:1fr;gap:var(--s-7);} }
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-3);}
.footer-tag{font-size:var(--fs-web-meta);font-weight:700;color:var(--text-muted);}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-25);}
.footer-h{font-size:var(--fs-web-eyebrow);font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--s-05);}
.footer-col a{font-size:var(--fs-web-sm);font-weight:700;color:var(--text-secondary);cursor:pointer;}
.footer-col a:hover{color:var(--accent);}
.footer-operator{font-size:var(--fs-web-meta);font-weight:400;line-height:var(--lh-relaxed);color:var(--text-muted);padding-top:var(--s-6);border-top:1px solid var(--border-subtle);overflow-wrap:anywhere;}
.footer-operator a{font-weight:700;color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px;}
.footer-operator a:hover{color:var(--accent);}
.footer-operator .todo{background:var(--highlight);color:var(--text-primary);padding:0 var(--s-1);border-radius:var(--radius-xs);font-weight:700;}
.footer-copy{font-size:var(--fs-web-meta);font-weight:700;color:var(--text-faint);}

@media (max-width:700px){ footer.site{padding-left:var(--s-6);padding-right:var(--s-6);} }
.table-wrap.narrow table{min-width:0;}
