/* DINODESIGN: pět kompletních barevných sad, přepínaných při obnovení stránky. */
:root,
html[data-theme="purple"]{
 --t-dark:#241b36;--t-overlay:43,28,69;--t-ink:#292238;--t-paper:#faf8fd;
 --t-surface:#f7f3fd;--t-work:#eee8f7;--t-card:#fcfaff;--t-card-border:#ded2ed;
 --t-accent:#b79af5;--t-accent-hover:#d6c3ff;--t-strong:#7652b6;--t-link:#6845a4;
 --t-text:#655f6c;--t-soft:#e7daf7;--t-soft-text:#5b4c71;--t-service:#ede3fa;
 --t-service-rgb:239,229,251;--t-service-bottom:245,239,253;--t-badge:#f5effd;
 --t-navlight:#d5bff8;--t-buttontext:#241b36;--t-progress:#dcd0eb;--t-placeholder:#e6daf3;
 --t-privacy:#f2ecfa
}
html[data-theme="blue"]{
 --t-dark:#1f3147;--t-overlay:31,49,71;--t-ink:#24384a;--t-paper:#f9fcfe;
 --t-surface:#f1f6fa;--t-work:#eaf1f6;--t-card:#fff;--t-card-border:#d4e3ed;
 --t-accent:#79bff0;--t-accent-hover:#a8d9f6;--t-strong:#347eae;--t-link:#286b99;
 --t-text:#5f6c76;--t-soft:#d9eaf6;--t-soft-text:#435b72;--t-service:#d9eaf6;
 --t-service-rgb:217,234,246;--t-service-bottom:241,248,253;--t-badge:#f1f8fd;
 --t-navlight:#a9d7f3;--t-buttontext:#152d3f;--t-progress:#c8dae7;--t-placeholder:#d9e9f2;
 --t-privacy:#edf6fc
}
html[data-theme="yellow"]{
 --t-dark:#39300f;--t-overlay:57,48,15;--t-ink:#342c19;--t-paper:#fffdf5;
 --t-surface:#fffbeb;--t-work:#fff2ce;--t-card:#fffdf6;--t-card-border:#e9dba8;
 --t-accent:#f5cc55;--t-accent-hover:#ffe084;--t-strong:#977017;--t-link:#806014;
 --t-text:#6e6451;--t-soft:#fae6a8;--t-soft-text:#655321;--t-service:#f9e9b8;
 --t-service-rgb:249,233,184;--t-service-bottom:255,248,221;--t-badge:#fff9de;
 --t-navlight:#f9dd88;--t-buttontext:#30270e;--t-progress:#e8d9a7;--t-placeholder:#f8e9c0;
 --t-privacy:#fff5d7
}
html[data-theme="red"]{
 --t-dark:#3d1f26;--t-overlay:61,31,38;--t-ink:#38272b;--t-paper:#fffafb;
 --t-surface:#fff5f5;--t-work:#f9e6e8;--t-card:#fffafa;--t-card-border:#eed3d8;
 --t-accent:#ed9caa;--t-accent-hover:#f6bfca;--t-strong:#a8465e;--t-link:#96374f;
 --t-text:#766168;--t-soft:#f3ced6;--t-soft-text:#70424e;--t-service:#f8dce2;
 --t-service-rgb:248,220,226;--t-service-bottom:255,243,246;--t-badge:#fff0f3;
 --t-navlight:#f3b5c1;--t-buttontext:#341d24;--t-progress:#e9c5ce;--t-placeholder:#f4dbe0;
 --t-privacy:#fff0f3
}
html[data-theme="brown"]{
 --t-dark:#34271f;--t-overlay:52,39,31;--t-ink:#332b25;--t-paper:#fcfaf7;
 --t-surface:#f9f4ed;--t-work:#eee3d5;--t-card:#fffdf9;--t-card-border:#e3d4c4;
 --t-accent:#d8af83;--t-accent-hover:#e8cbaa;--t-strong:#97704a;--t-link:#785332;
 --t-text:#6f6259;--t-soft:#e9d4bf;--t-soft-text:#65503e;--t-service:#ead7c3;
 --t-service-rgb:234,215,195;--t-service-bottom:250,240,229;--t-badge:#faf0e5;
 --t-navlight:#e0bea0;--t-buttontext:#30241c;--t-progress:#decebb;--t-placeholder:#eadccf;
 --t-privacy:#f8ecdf
}
/* Sdílené přepisy musí být až za původním stylem. */
:root{--ink:var(--t-ink);--paper:var(--t-paper);--lime:var(--t-accent);--accent-blue:var(--t-strong);--accent-blue-dark:var(--t-link);--accent-blue-soft:var(--t-soft)}
body,.section:not(.work){background:var(--t-paper);color:var(--t-ink)}
.hero,.contact{background:var(--t-dark)}
.hero::after{background:rgba(var(--t-overlay),var(--hero-darkness))}
.hero h1 em,.contact h2 span,.nav a:hover{color:var(--t-accent)}
.eyebrow::before{background:var(--t-accent)}
.hero-foot,.contactline p,.contact-privacy{color:var(--t-navlight)}
.cta,.contact-submit{background:var(--t-accent);color:var(--t-buttontext)}
.cta:hover,.contact-submit:hover{background:var(--t-accent-hover)}
.label,.statement .label,.work .references-grid .showroom-meta{color:var(--t-strong)}
.intro p,.service p,.work-head p,.showroom-info-box p,.statement p{color:var(--t-text)}
#sluzby.section{background:var(--t-surface)}
.services .service{background:var(--t-service)}
.services .service::before{background:linear-gradient(to bottom,rgba(var(--t-service-rgb),.46) 0%,rgba(var(--t-service-rgb),.57) 36%,rgba(var(--t-service-bottom),.9) 100%)}
.services .service .num{background:var(--t-badge);color:var(--t-ink)}
.services .service-copy,.services .service-copy h3{color:var(--t-ink)}
.services .service-copy p{color:var(--t-text)}
.services .service-web{background:linear-gradient(135deg,var(--t-service),var(--t-badge) 55%,var(--t-soft))}
.work.section{background:var(--t-work)}
.work .references-grid>.showroom-ref,.showroom-ref,.grid-ref .showroom-info-box{background:var(--t-card);border-color:var(--t-card-border)}
.work .references-grid .showroom-shot{background:var(--t-placeholder)}
.work .references-grid .showroom-info-box h3{color:var(--t-ink)}
.work .references-grid .showroom-info-box p{color:var(--t-text)}
.work .references-grid .showroom-btn{color:var(--t-link)}
.work .references-grid .showroom-btn:hover{color:var(--t-strong)}
.work .portfolio-progress{background:var(--t-progress)}
.work .portfolio-progress-bar{background:var(--t-strong)}
.work .portfolio-arrow{background:var(--t-card);color:var(--t-link);border-color:var(--t-card-border)}
.work .portfolio-arrow:hover{background:var(--t-strong);color:white}
.work .portfolio-arrow:focus-visible{outline-color:var(--t-accent)}
@media(hover:hover) and (pointer:fine){.work .references-grid>.showroom-ref:hover{border-color:var(--t-strong)}}
.statement{background:var(--t-soft);color:var(--t-ink)}
.statement p{color:var(--t-soft-text)}
.showroom-meta span{border-color:var(--t-card-border);color:var(--t-strong)}
.showroom-side,.references-grid .showroom-side{border-color:var(--t-card-border)}
.contact-form-intro .label,.contactline .label{color:var(--t-navlight)!important}
.contact-field label span:not(.contact-optional){color:var(--t-accent)}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:var(--t-accent)}
.contact-privacy a{color:var(--t-navlight)}
.contact-privacy a:hover,.footer a:hover{color:var(--t-accent)}
.footer,.contact-form-status{color:var(--t-navlight)}
/* Podstránka ochrany osobních údajů */
.privacy-page .top,.privacy-footer{background:var(--t-dark);color:#fff}
.privacy-page .back,.privacy-page .privacy-footer a{color:var(--t-navlight)}
.privacy-page a:not(.logo):not(.back){color:var(--t-link)}
.privacy-page .eyebrow{color:var(--t-strong)}
.privacy-page .lead{color:var(--t-text)}
.privacy-page .content section{border-color:var(--t-card-border)}
.privacy-page .notice{border-left-color:var(--t-accent);background:var(--t-privacy);color:var(--t-soft-text)}
.privacy-page a:focus-visible{outline-color:var(--t-accent)}