/* Brownstas UI kit: shared type and semantic color roles for every site page except Orlenok. */
@font-face{font-family:"Brownstas Inter";src:url("/assets/fonts/inter-web-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Brownstas Inter";src:url("/assets/fonts/inter-web-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Brownstas Inter";src:url("/assets/fonts/inter-web-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Brownstas Inter";src:url("/assets/fonts/inter-web-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{--kit-canvas:#fff;--kit-surface:#fafaf8;--kit-ink:#171717;--kit-secondary:#656565;--kit-border:#deded9;--kit-accent:#ed3928;--kit-accent-hover:#b92e24;--kit-dark:#181a1e;--kit-on-dark:#fafaf8;--kit-font:"Brownstas Inter",Arial,sans-serif}
body.site-ui-kit{--font-ui:var(--kit-font);--site-font:var(--kit-font);--font-family:var(--kit-font);font-family:var(--kit-font)!important}
body.site-ui-kit :is(h1,h2,h3,h4,h5,h6,p,a,span,div,li,dt,dd,blockquote,figcaption,label,legend,button,input,select,textarea,summary,small,strong,em,b){font-family:var(--kit-font)!important}
body.site-ui-kit.website-ui{--bs-raw-white:var(--kit-canvas);--bs-raw-paper:var(--kit-surface);--bs-raw-ink:var(--kit-ink);--bs-raw-muted:var(--kit-secondary);--bs-raw-line:var(--kit-border);--bs-raw-red:var(--kit-accent);--text:var(--kit-ink);--muted:var(--kit-secondary);--line:var(--kit-border);--accent:var(--kit-accent)}
body.site-ui-kit.brownstas-junca:not(.website-ui){--bg:var(--kit-canvas);--surface:var(--kit-surface);--text:var(--kit-ink);--muted:var(--kit-secondary);--line:var(--kit-border);--accent:var(--kit-accent);background:var(--kit-canvas);color:var(--kit-ink)}
body.site-ui-kit:not(.website-ui):is(.brownstas-junca,.portfolio-demo-page) :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--kit-accent);outline-offset:4px}
body.site-ui-kit.brownstas-junca:not(.website-ui) :is(a,button):hover{color:var(--kit-accent)}
/* Working prototypes share the same font and color roles while their interface layout stays intact. */
html[data-ui-kit-demo] body.site-ui-kit{--accent:var(--kit-accent);--ink:var(--kit-ink);--muted:var(--kit-secondary);--line:var(--kit-border);--paper:var(--kit-canvas)}
html[data-ui-kit-demo="chisto"] body.site-ui-kit{--soft:#f0efeb;--edge:var(--kit-border);--error:var(--kit-accent-hover);color:var(--kit-ink)}
html[data-ui-kit-demo="soboy"] body.site-ui-kit{--lime:var(--kit-accent);--pine:var(--kit-ink);--orange:var(--kit-accent);--paper:var(--kit-canvas);--ink:var(--kit-ink)}
html[data-ui-kit-demo="onboarding"] body.site-ui-kit{--paper:var(--kit-surface);--ink:var(--kit-ink);--muted:var(--kit-secondary);--line:var(--kit-border);--accent:var(--kit-accent)}
html[data-ui-kit-demo="eventra-account"] body.site-ui-kit{--paper:var(--kit-canvas);--ink:var(--kit-ink);--muted:var(--kit-secondary);--line:var(--kit-border);--accent:var(--kit-accent);--dark:#fff0ed;--green:var(--kit-accent-hover)}
html[data-ui-kit-demo="eventra-site"] body.site-ui-kit{--ink:#101113;--ink-2:#181a1e;--panel:#202226;--line:#393b3f;--paper:var(--kit-surface);--white:var(--kit-on-dark);--muted:#b9bbc0;--teal:#ff7664;--teal-dark:#2a1512}
html[data-ui-kit-demo="tikho-site"] body.site-ui-kit{--accent:#ff7664}
html[data-ui-kit-demo="tikho-admin"] body.site-ui-kit{--accent:var(--kit-accent)}
html[data-ui-kit-demo="eventra-account"] body.site-ui-kit :is(.primary,.sidebar nav button.active){background:var(--kit-accent-hover);color:white}
html[data-ui-kit-demo="onboarding"] body.site-ui-kit :is(.primary,.metric.accent){background:var(--kit-accent-hover);color:white}
html[data-ui-kit-demo="onboarding"] body.site-ui-kit :is(.brand-mark,.label,.guide-icon){color:var(--kit-accent-hover)}
@media(prefers-reduced-motion:reduce){body.site-ui-kit :is(a,button){transition-duration:0s}}