:root{--paper:#f6f7fa;--ink:#15243d;--orange:#234bb5;--muted:#596575;--line:#d5dce6;--surface:#e9edf4;--accent-hover:#1a3a90;--on-accent:#fff;--on-dark:#f6f7fa;--dark-muted:#bfcbdc;--bright:#9dbbff;--faint:#728199;--control-line:#96a3b6}
:root[data-palette=zelena]{--paper:#f5f6f2;--ink:#162e25;--orange:#175c46;--muted:#5c6b61;--line:#d6ded5;--surface:#e9eee6;--accent-hover:#104431;--on-accent:#fff;--on-dark:#f5f6f2;--dark-muted:#c1d0c5;--bright:#9ed8b7;--faint:#75857a;--control-line:#96a69a}
:root[data-palette=vinova]{--paper:#faf6f3;--ink:#332128;--orange:#8b2942;--muted:#75616a;--line:#e3d5d6;--surface:#f0e7e5;--accent-hover:#6c1c32;--on-accent:#fff;--on-dark:#faf6f3;--dark-muted:#d8bfc8;--bright:#efa9bb;--faint:#9a7b84;--control-line:#b399a1}
:root[data-palette=grafit]{--paper:#f4f4f2;--ink:#202223;--orange:#3d454c;--muted:#646a6e;--line:#d7dadb;--surface:#e8eaeb;--accent-hover:#252d33;--on-accent:#fff;--on-dark:#f4f4f2;--dark-muted:#c7cbce;--bright:#ccd4dc;--faint:#7d848b;--control-line:#a1a7ad}
:root[data-palette=puvodni]{--paper:#f6f4ec;--ink:#1c1a19;--orange:#e8501f;--muted:#716e66;--line:#d9d6cc;--surface:#eeece3;--accent-hover:#ff6a38;--on-accent:#1c1a19;--on-dark:#f6f4ec;--dark-muted:#bdb9af;--bright:#f57850;--faint:#858177;--control-line:#b3afa3}
.palette-bar{padding:15px 36px 13px;background:var(--ink);color:var(--on-dark);display:flex;align-items:center;gap:22px;flex-wrap:wrap;border-bottom:1px solid #ffffff20}.palette-heading{display:flex;flex-direction:column;min-width:135px}.palette-heading strong{font-size:14px;font-weight:600;line-height:1.5}.palette-heading>span{font-size:12px;color:var(--dark-muted)}.palette-options{display:flex;gap:6px;flex-wrap:wrap}.palette-options button{display:flex;align-items:center;gap:9px;min-height:44px;font-size:14px;border:1px solid #ffffff30;border-radius:8px;background:transparent;color:var(--on-dark);padding:9px 12px;line-height:1.4}.palette-options button:hover{background:#ffffff16}.palette-options button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.swatch{display:block;width:16px;height:16px;border-radius:50%;border:1px solid #ffffff60;flex:none}.swatch-modra{background:#234bb5}.swatch-zelena{background:#175c46}.swatch-vinova{background:#8b2942}.swatch-grafit{background:#3d454c}.swatch-puvodni{background:#e8501f}.palette-caption{font-size:12px;color:var(--dark-muted);margin-left:auto;max-width:245px}.palette-bar :focus-visible{outline-color:var(--on-dark)}.brand-small{font-size:.9rem;letter-spacing:.32em;margin-top:12px;font-weight:600}.brand-name{font-size:2.9rem}.site-header nav{background:var(--paper);border-color:var(--line)}.muted{color:var(--faint)}.hero-description p{color:var(--muted)}.btn{color:var(--on-accent)}.btn:hover{background:var(--accent-hover)}.btn-icon{border-color:currentColor}.btn.dark,.menu-toggle{color:var(--on-dark)}.btn.dark:hover{background:var(--orange);color:var(--on-accent)}.btn.light,.btn.outline{color:var(--ink)}.btn.light:hover,.btn.outline:hover{color:var(--on-dark)}.hero-note,.contact-band{color:var(--on-accent)}.band-bottom{border-color:currentColor}.process{color:var(--on-dark)}.process .eyebrow,.step-tabs button[aria-selected=true]>span,.step-giant{color:var(--bright)}.process .section-head>p,.step-panels p,.step-tabs button{color:var(--dark-muted)}.step-tabs button{border-color:#ffffff30}.step-tabs button[aria-selected=true],.step-tabs button:hover{color:var(--on-dark)}.step-tabs button[aria-selected=true]{border-color:var(--bright)}.project-form{background:var(--surface)}input,select,textarea{border-color:var(--control-line)}input::placeholder,textarea::placeholder{color:var(--muted)}.form-result{border-color:var(--control-line)}.skip{color:var(--on-dark)}
@media(max-width:1150px){.palette-caption{display:none}.palette-bar{padding-inline:24px;gap:12px}.palette-heading{min-width:120px}}
@media(max-width:800px){.palette-bar{padding:13px 18px;gap:10px}.palette-heading{flex-direction:row;gap:15px;width:100%;align-items:center}.palette-options{width:100%;flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 7px;scrollbar-width:thin}.palette-options button{white-space:nowrap;flex:none}.brand-name{font-size:2.3rem}.brand-small{font-size:.75rem;margin-top:9px}.footer-brand .brand-name{font-size:2.3rem}}