/* Shared COTRUGLI identity. Functional status colours and monospace are retained. */
:root:root {
 --abyss:#101D18;--royal:#101D18;--royal2:#101D18;--deep:#101D18;
 --navy:#101D18;--navy2:#1B2D24;--navy-2:#1B2D24;
 --ivory:#F4F2EB;--ivory2:#EAE5D9;--paper:#F4F2EB;--ink:#101D18;
 --g1:#DEC18A;--g2:#C6A66B;--g3:#8A682E;
 --gold:#C6A66B;--gold2:#8A682E;--gold-lite:#DEC18A;--lightgold:#DEC18A;--pale:#DEC18A;
 --line:#DDD8CC;--muted:#68645D;--card:#fff;--white:#fff;
 --display:Arial,Helvetica,sans-serif;--serif:Arial,Helvetica,sans-serif;--sans:Arial,Helvetica,sans-serif;
}
body {font-family:Arial,Helvetica,sans-serif}
h1,h2,h3,h4 {font-family:Arial,Helvetica,sans-serif;letter-spacing:-.035em}
button,input,textarea,select {font-family:Arial,Helvetica,sans-serif}
.royal,.abyss {--fg:#F4F2EB;--muted:#D8D3C7;--accent:#C6A66B;--rule:rgba(198,166,107,.28);--card:#1B2D24;background:#101D18;color:#F4F2EB}
.ivory {--fg:#101D18;--muted:#68645D;--accent:#8A682E;--rule:#DDD8CC;--card:#fff;background:#F4F2EB;color:#101D18}
.goldtext {background:none;color:#C6A66B;-webkit-text-fill-color:currentColor}
.royal .hero h1,.abyss .hero h1 {font-weight:600;letter-spacing:-.045em}
.royal .btn.primary {background:#C6A66B;color:#101D18;border-color:#C6A66B}
.royal .btn.primary:hover {background:#DEC18A;border-color:#DEC18A}
.btn,.pill {letter-spacing:.06em}
.tray-panel {background:#101D18;box-shadow:40px 0 80px #101D1870}
.tray-panel li a,.tray-panel .contact,footer.foot,footer.mini,footer.mini a,.announce a,.live-at,.live-list .k {color:#D8D3C7}
.door,.demo {border-radius:12px}
.sidebar {background:#101D18}
.sidebar nav a,.sidebar nav button,.sidebar-bottom,.product {color:#D8D3C7}
.sidebar nav .selected,.sidebar nav a:hover,.sidebar nav button:hover {background:#1B2D24;color:#DEC18A}
.sidebar-bottom p {color:#F4F2EB}
:focus-visible {outline:3px solid #8A682E;outline-offset:4px}
.royal :focus-visible,.abyss :focus-visible,.sidebar :focus-visible {outline-color:#DEC18A}
@media(max-width:760px){.top-in{flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.quick{gap:8px}.hero h1{overflow-wrap:break-word}}
.cotrugli-wordmark {font:500 18px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.01em;color:#F4F2EB;margin:24px auto 36px}
.cotrugli-wordmark span {color:#C6A66B;margin-left:8px}
.hero.full .hero-in {padding-top:96px;padding-bottom:72px}
.hero.full h1 {font-size:clamp(36px,5.5vw,68px);max-width:17em}
@media(max-width:640px){.hero.full .hero-in{padding-top:84px;padding-bottom:40px}.cotrugli-wordmark{margin:20px auto 34px}}
/* On light work surfaces, use the darker gold for legible text. */
:root:root {--gold:#8A682E}
.royal,.abyss {--gold:#C6A66B}
/* Hall and older demos use additional surface/text tokens. */
:root:root {--ground:#F4F2EB;--surface:#fff;--line-soft:#EAE5D9;--ink-2:#68645D;--ink-3:#716A60;--goldlt:#DEC18A;--chip-bg:#EAE5D9;--chip-ink:#101D18;--spine:#DDD8CC}
html[data-theme="dark"]:root {--ground:#101D18;--surface:#1B2D24;--paper:#101D18;--card:#1B2D24;--ink:#F4F2EB;--ink-2:#D8D3C7;--ink-3:#BDB5A5;--line:#465047;--line-soft:#354237;--gold:#DEC18A}
.contact-form {min-width:0}
.contact-form label {min-width:0}
.contact-form input,.contact-form select,.contact-form textarea {min-width:0;width:100%;max-width:100%}
.hero .wordmark {font-family:Arial,Helvetica,sans-serif;letter-spacing:-.035em}
/* Wide evidence tables scroll inside their card, keeping mobile navigation in view. */
.card:has(> table) {min-width:0;max-width:100%;overflow-x:auto}