/* ONOVA catalogue shell — the approved graphite/coral B direction.
   Preview documents keep their individual palettes. */
:root{--ink:#2d3142;--muted:#61636b;--paper:#eeeae4;--line:#c9cac7;--orange:#ef8354;--dark:#2d3142;--mint:#d5e0d8}
body{background:#e5e5e2;color:var(--ink)}
::selection{background:var(--orange);color:var(--ink)}
.site-header{background:#eeeae4f5;border-color:var(--line)}
.header{height:80px}.header .wordmark{width:107.8px}
.header-cta{border-color:#2d31423d;border-radius:30px;padding:12px 21px}.header-cta:hover{background:var(--ink);color:var(--paper)}
.hero{background:linear-gradient(115deg,#eeeae4,#e5e5e2);color:var(--ink)}
.hero .eyebrow,.hero-description,.hero-note,.hero-art-label,.hero-bottom{color:var(--muted)}
.hero h1{font-weight:400;letter-spacing:-.055em}.hero h1 em{color:#b84d28}
.hero-note span{color:#b84d28}.hero-bottom{border-color:var(--line)}.hero-bottom a{color:var(--ink)}
.orbit{border-color:#ef83546b}.orbit:after{border-color:#ef835430}
.mini{border-color:#c1c3c3;background:var(--paper);box-shadow:0 24px 45px #2d314226}
.catalog-nav{top:80px;background:#eeeae4f5;border-color:var(--line)}
.nav-label,.direction-links a span{color:var(--muted)}
.direction-links a{border-color:var(--line);border-radius:7px;background:transparent}
.direction-links a:hover{background:#d5e0d8;color:var(--ink);border-color:#b8c5bc}
.direction-links a.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.direction-links a.active span{color:var(--orange)}
.preview-button{border-color:#c9cac7;border-radius:20px;background:#d4d5d2}
.direction:nth-child(5n+2) .preview-button{background:#d5ded9}.direction:nth-child(5n+3) .preview-button{background:#c4c6c8}.direction:nth-child(5n+4) .preview-button{background:#ddd7d0}
.preview-button:hover{border-color:#a6aca8;box-shadow:0 18px 40px #2d314218}
.preview-badge,.open-icon{background:var(--paper);color:var(--ink);border-color:var(--line)}
.card-description,.tags,.card-number{color:var(--muted)}.choose{border-color:#aaaeb0}.choose span{color:#b84d28}
.mix{background:var(--mint);border-color:#bbc9bf;margin:0 24px;border-radius:25px}
.mix p:not(.eyebrow),.mix-lines span{color:#536057}.mix-lines,.mix-lines>div{border-color:#aebfb2}
.process{background:transparent;color:var(--ink)}.process .section-head p,.step p{color:var(--muted)}.step{border-color:#b9bcbd}.step>span{color:#b84d28}
.subscription{background:var(--ink);color:var(--paper);border:0;border-radius:25px;margin:0 24px}
.subscription-copy>p{color:#dedee3}.subscription .eyebrow{color:#c8c9d0}.subscription-tags span{border-color:#6f7280;border-radius:20px;color:#dedee3}
.subscription .text-link{background:var(--orange);border:0;border-radius:30px;padding:14px 24px;min-width:270px;color:var(--ink)}.subscription .text-link span{color:inherit}.subscription .text-link:hover{background:#f3976f}
.contact-copy>p:not(.eyebrow){color:var(--muted)}.contact h2 .accent{color:#b84d28}
.contact-form{background:var(--paper);border-color:#d0cec8;border-radius:24px}.form-note,.consent,.muted{color:var(--muted)}
.contact-form input,.contact-form select{background:#e5e5e2;color:var(--ink);border-color:#bfc0c0;border-radius:8px}.contact-form input::placeholder{color:#747782}
.submit{background:var(--orange);color:var(--ink);border-radius:30px}.submit:hover{background:#f3976f}
.footer{background:var(--paper);border-color:var(--line)}.footer-top p,.footer-bottom{color:var(--muted)}.footer-bottom{border-color:var(--line)}
.preview-dialog{background:#e5e5e2;color:var(--ink);border-radius:18px}.preview-dialog::backdrop{background:#2d3142bd}
.dialog-top,.dialog-bottom{background:var(--paper);border-color:var(--line)}.dialog-title p,.dialog-bottom p{color:var(--muted)}
.device-switch,.close-dialog{border-color:#bfc0c0;border-radius:7px}.device-switch button,.dialog-navigation button{background:var(--paper);color:var(--ink);border-color:var(--line)}.device-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.dialog-frame{background:var(--paper)}.skip{background:var(--paper)}
@media(max-width:800px){.catalog-nav{top:80px}}
