
.colour-study .button{color:var(--button-text)}
.colour-study .hero-description,.colour-study .controls-copy>p:not(.eyebrow){color:#cbd2d8}
.colour-study .hero-brand{border-color:#52606a}
.colour-study .hero-brand>span+span{color:#c0cbd3}
.colour-study .technical-visual{background:var(--panel);color:var(--ink)}
.colour-study .solution-tabs button[aria-selected=true],.colour-study .solution-tabs button:hover,.colour-study .resource-list>a:hover,.colour-study .downloads>a:hover{background:var(--panel)}
.colour-study .quote-section{background:var(--panel)}
.colour-study .controls-copy .text-link{color:var(--paper)}
.colour-study .text-link:hover{color:var(--ink)}
.colour-study .controls-copy .text-link:hover{color:white}
.colour-study .interface-demo{background:var(--paper);border-color:var(--line);box-shadow:12px 12px 0 #ffffff15}
.colour-study .interface-top,.colour-study .interface-tabs,.colour-study .screen-row,.colour-study .interface-note{border-color:var(--line)}
.colour-study .fan-symbol{color:var(--ink);border-color:var(--line)}
.colour-study .form-result{background:var(--paper);border-color:var(--ink)}
.colour-study .quote-form input,.colour-study .quote-form textarea,.colour-study .quote-form select{border-color:#9da7ae}
.colour-study .quote-form input::placeholder,.colour-study .quote-form textarea::placeholder{color:var(--muted)}
.colour-study :is(a,button,input,select,textarea):focus-visible{outline-color:var(--focus)}
.colour-study .draft-bar{background:#e5e7e8;border-color:#cbd0d3}
.colour-picker{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 4.3%;border-bottom:1px solid var(--line);background:var(--paper);max-width:1800px;margin:auto}
.colour-picker strong{font-size:12px;letter-spacing:-.01em}
.colour-picker p{font-size:10px;color:var(--muted);margin-top:4px}
.colour-swatches{display:flex;align-items:center;gap:8px;flex-shrink:0}
.colour-swatches i{height:25px;width:25px;border:1px solid #b5bcc0;background:var(--ink)}
.colour-swatches i:nth-child(2){background:var(--paper)}
.colour-swatches i:nth-child(3){background:var(--accent)}
.colour-swatches span{font-size:8px;letter-spacing:.06em;margin-left:5px;color:var(--muted)}
.colour-study .draft-bar nav{flex-wrap:wrap}
@media(max-width:760px){.colour-picker{padding:12px 5%;gap:12px}.colour-picker strong{font-size:11px}.colour-picker p{font-size:9px}.colour-swatches{gap:5px}.colour-swatches i{height:20px;width:20px}.colour-swatches span{display:none}.colour-study .draft-bar>span:first-child{display:none}.colour-study .draft-bar nav{width:100%;justify-content:space-between;gap:13px}.colour-study .interface-demo{box-shadow:8px 8px 0 #ffffff15}}

.palette-cobalt{--ink:#20282D;--paper:#F4F3EF;--accent:#2468D8;--button-text:#FFFFFF;--panel:#E5E9ED;--muted:#5C6670;--line:#CFD4D8;--focus:#2468D8}

.palette-ice{--ink:#102B46;--paper:#F4F6F8;--accent:#ADC9DD;--button-text:#102B46;--panel:#E2EAF0;--muted:#526575;--line:#CFD4D8;--focus:#2B638F}

.palette-red{--ink:#29292B;--paper:#F4F1EC;--accent:#A2343C;--button-text:#FFFFFF;--panel:#E9E4E2;--muted:#6A6062;--line:#CFD4D8;--focus:#A2343C}
