/* Космос — tokens от Design System „Космос“ (https://claude.ai/artifact/69dzzB4sxmCtn3h78JtCs3) */
@font-face{font-family:"Eurofurence";src:url("fonts/Eurofurence-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Eurofurence";src:url("fonts/Eurofurence-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Eurofurence";src:url("fonts/Eurofurence-Italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Eurofurence";src:url("fonts/Eurofurence-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Eurofurence";src:url("fonts/Eurofurence-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}

/* Тема „Хартия“ (светла, печат) */
:root,[data-theme="paper"]{
  --surface:#ffffff; --surface-raised:#f5f5f5;
  --ink:#231f20; --ink-muted:#6f7175; --line:#a3a5a8;
  --kosmos-red:#cf381e; --kosmos-red-text:#cf381e; --on-red:#ffffff;
  --kosmos-blue:#0089c3; --deep-red:#a70e13; --stitch-red:#c4252b;
}
/* Тема „Нощ“ (уеб, Нова година) */
[data-theme="night"]{
  --surface:#0b0b0c; --surface-raised:#161617;
  --ink:#ece8df; --ink-muted:#a3a5a8; --line:#3a3b3e;
  --kosmos-red-text:#e8604a;
}
:root{
  --font-display:Eurofurence,"Montserrat",system-ui,sans-serif;
  --font-sans:"Montserrat",Helvetica,Arial,sans-serif;
  --space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--space-6:64px;--space-7:120px;
  --radius-0:0;--radius-2:2px;--radius-full:50%;
  --stroke-hair:.75px;--stroke-line:1px;--stroke-bold:1.5px;
}
.display{font-family:var(--font-display);font-size:72px;line-height:.95;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.heading-1{font-family:var(--font-display);font-size:44px;line-height:1.05;font-weight:700}
.heading-2{font-family:var(--font-display);font-size:28px;line-height:1.15;font-weight:400}
.label{font-family:var(--font-display);font-size:13px;line-height:1.3;font-weight:400;letter-spacing:.14em;text-transform:uppercase}
.lead{font-family:var(--font-sans);font-size:19px;line-height:1.55}
.body{font-family:var(--font-sans);font-size:16px;line-height:1.6}
.small{font-family:var(--font-sans);font-size:14px;line-height:1.5}

.ks-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1;padding:14px var(--space-4);border-radius:var(--radius-2);border:var(--stroke-line) solid transparent;cursor:pointer;text-decoration:none}
.ks-btn--primary{background:var(--kosmos-red);color:var(--on-red)}
.ks-btn--primary:hover{background:var(--deep-red)}
.ks-btn--secondary{background:transparent;color:var(--ink);border-color:var(--ink)}
.ks-btn--secondary:hover{background:var(--surface-raised)}
.ks-btn:focus-visible{outline:2px solid var(--kosmos-blue);outline-offset:3px}
.ks-hex{display:inline-grid;place-items:center;width:44px;height:50px;position:relative;font-family:var(--font-display);font-size:18px;color:var(--kosmos-red-text)}
.ks-hex svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ks-hex polygon{fill:none;stroke:var(--kosmos-red);stroke-width:var(--stroke-bold)}
.ks-hex--blue{color:var(--kosmos-blue)}.ks-hex--blue polygon{stroke:var(--kosmos-blue)}
.ks-hex span{position:relative}
.ks-divider{display:flex;align-items:center;gap:var(--space-2);color:var(--kosmos-red)}
.ks-divider::before,.ks-divider::after{content:"";flex:1;border-top:var(--stroke-line) solid var(--line)}
.ks-divider svg{width:10px;height:16px}
.ks-divider polygon{fill:none;stroke:currentColor;stroke-width:var(--stroke-line)}