/* Design-Kit einzelhandel: typography, palette, surfaces and layout. */
@import url("industry-base.css");
:root{--paper:#faf4e5;--ink:#3b3225;--accent:#dfbd83;--text-soft:#3b3225;--kit-radius:0px}
body{font-family:Arial,sans-serif;background:var(--paper);color:var(--ink)}
h1,h2,h3,.modern-title{font-family:Georgia, serif}
.hero{background:var(--paper);color:var(--ink)}
.hero-copy>p,.benefit p,.migration-row p,.steps p,.faq details p{color:var(--ink)}
.btn,.nav-cta,.industry-demo-cards>div,.new-window,.benefit{border-radius:var(--kit-radius)}
.modern-site{background:var(--paper);color:var(--ink)}
.industry-demo-cards>div{background:var(--accent);border-color:var(--ink)}
.industry-demo-cards span,.industry-demo-cards strong{color:var(--ink)}
.process{background:var(--paper);border-block:1px solid var(--ink)}
.benefit-strip{gap:20px}
.benefit,.benefit+.benefit{padding:24px;border:1px solid var(--ink)}
.hero-art .halo{background:var(--accent);opacity:.3}
.contact-section{background:var(--accent);color:var(--ink)}
.contact-section .btn{background:var(--ink);color:var(--paper)}
a:focus-visible,button:focus-visible{outline-color:var(--ink)}
.dark a:focus-visible,footer a:focus-visible{outline-color:var(--accent)}
@media(min-width:1000px){.migration-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.migration-row{display:flex;flex-wrap:wrap;align-content:start;padding:28px;border:1px solid var(--ink);border-radius:var(--kit-radius)}.migration-row p{width:100%}.migration-row>.arrow{margin-left:auto}}