/* TRA Airsoft – úvodní stránka hlavní domény.
   Barvy, písma a styl převzaty z webu TRA Armory (styles.css / udrzba.html). */
:root, html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#09090B; --bg2:#111113; --panel:#18181B; --line:#27272A; --line2:#3F3F46;
  --white:#FAFAFA; --text:#D4D4D8; --muted:#A1A1AA;
  --acc:#34D399; --acc-cta:#34D399; --acc-hover:#6EE7B7; --acc-rgb:52,211,153; --on-acc:#09090B;
  --logo-filter:brightness(0) invert(1); --grid:rgba(255,255,255,.035);
  --arc:rgba(52,211,153,.07);
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#FAFAFA; --bg2:#F4F4F5; --panel:#FFFFFF; --line:#E4E4E7; --line2:#D4D4D8;
  --white:#09090B; --text:#3F3F46; --muted:#71717A;
  --acc:#047857; --acc-cta:#10B981; --acc-hover:#059669; --acc-rgb:16,185,129; --on-acc:#09090B;
  --logo-filter:brightness(0); --grid:rgba(0,0,0,.04);
  --arc:rgba(16,185,129,.09);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;
  display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;position:relative;overflow-x:hidden;
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:48px 48px;background-position:center top;
}
/* oblouky – stejný motiv jako hero webu Armory */
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:repeating-radial-gradient(circle at -6% 112%,transparent 0 30px,var(--arc) 30px 31px);
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 25%,transparent 65%);mask-image:linear-gradient(90deg,#000 0,#000 25%,transparent 65%);}
::selection{background:var(--acc);color:var(--on-acc);}
a{color:inherit;}
.skip{position:absolute;left:12px;top:-60px;z-index:10;background:var(--acc-cta);color:var(--on-acc);padding:10px 14px;font-weight:600;text-decoration:none;}
.skip:focus{top:10px;}

/* lišta */
.top{width:100%;max-width:880px;margin:0 auto;padding:22px 20px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--white);}
.brand img{width:52px;height:auto;filter:var(--logo-filter);}
.brand span{font-weight:900;font-size:20px;letter-spacing:.14em;text-transform:uppercase;line-height:1;}
.brand small{display:block;margin-top:6px;font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:400;letter-spacing:.24em;color:var(--muted);}
.theme-toggle{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--white);
  border:1px solid var(--line2);cursor:pointer;transition:border-color .2s,color .2s;}
.theme-toggle:hover{border-color:var(--acc);color:var(--acc);}
.theme-toggle:focus-visible{outline:2px solid var(--acc);outline-offset:2px;}
.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.theme-toggle .ic-moon{display:none;}
html[data-theme="light"] .theme-toggle .ic-sun{display:none;}
html[data-theme="light"] .theme-toggle .ic-moon{display:block;}

/* obsah */
.wrap{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:880px;margin:0 auto;padding:56px 20px 64px;}
.tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--acc);display:flex;align-items:center;gap:10px;margin-bottom:22px;}
.tag::before{content:'';width:8px;height:8px;background:var(--acc);animation:pulse 1.8s infinite;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(var(--acc-rgb),.55);}70%{box-shadow:0 0 0 10px rgba(var(--acc-rgb),0);}100%{box-shadow:0 0 0 0 rgba(var(--acc-rgb),0);}}
h1{font-weight:900;font-size:clamp(40px,9vw,78px);line-height:.98;letter-spacing:-.01em;color:var(--white);text-transform:uppercase;margin-bottom:24px;}
h1 em{font-style:normal;color:var(--acc);display:block;}
.lead{font-size:clamp(16px,2.4vw,19px);line-height:1.65;max-width:580px;}
.bar{position:relative;height:3px;background:var(--line);margin:36px 0 12px;overflow:hidden;max-width:580px;}
.bar i{position:absolute;top:0;bottom:0;left:0;width:38%;background:var(--acc);animation:slide 2.4s cubic-bezier(.65,0,.35,1) infinite;}
@keyframes slide{0%{left:-38%;}100%{left:100%;}}
.bar-lbl{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);}

/* výrazný odkaz na Armory */
.armory{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px 28px;margin-top:48px;padding:28px 28px 28px 30px;
  text-decoration:none;color:inherit;background:linear-gradient(160deg,rgba(var(--acc-rgb),.12),rgba(var(--acc-rgb),.02) 60%),var(--panel);
  border:1px solid rgba(var(--acc-rgb),.45);border-top:2px solid var(--acc);
  transition:border-color .25s,transform .25s,box-shadow .25s;}
.armory:hover{border-color:var(--acc);transform:translateY(-3px);box-shadow:0 22px 50px -26px rgba(var(--acc-rgb),.55);}
.armory:focus-visible{outline:2px solid var(--acc);outline-offset:3px;}
.armory-k{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--acc);margin-bottom:12px;}
.armory h2{font-weight:900;font-size:clamp(24px,4.4vw,36px);line-height:1.05;text-transform:uppercase;color:var(--white);margin-bottom:10px;}
.armory p{font-size:14.5px;line-height:1.6;color:var(--muted);max-width:470px;}
.armory .url{display:inline-block;margin-top:14px;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--white);border-bottom:1px solid var(--acc);}
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;
  padding:16px 30px;color:var(--on-acc);background:var(--acc-cta);border:1px solid var(--acc-cta);
  clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);transition:background .2s,box-shadow .2s;}
.armory:hover .btn{background:var(--acc-hover);border-color:var(--acc-hover);box-shadow:0 0 30px rgba(var(--acc-rgb),.35);}
.btn span{font-size:15px;}

.contact{margin-top:30px;font-size:14px;color:var(--muted);line-height:1.8;}
.contact a{color:var(--white);text-decoration:none;border-bottom:1px solid var(--line2);}
.contact a:hover{border-color:var(--acc);}

footer{border-top:1px solid var(--line);padding:18px 20px;}
.foot{max-width:880px;margin:0 auto;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;color:var(--muted);}
.foot a{text-decoration:none;}
.foot a:hover{color:var(--white);}
.foot span{margin-left:auto;}

@media(max-width:640px){
  .brand img{width:42px;}
  .brand span{font-size:17px;}
  .wrap{padding:40px 16px 48px;}
  .top,footer{padding-left:16px;padding-right:16px;}
  .armory{grid-template-columns:1fr;padding:24px 20px;}
  .btn{justify-content:center;width:100%;}
  .foot span{margin-left:0;width:100%;}
}
@media(prefers-reduced-motion:reduce){.tag::before,.bar i{animation:none;}.bar i{left:0;width:62%;}.armory,.armory:hover{transition:none;transform:none;}}