/* Letsbuild reference palette: navy, red and warm white. */
:root{color-scheme:light;--navy:#18344a;--red:#d64545;--action:#cf333c;--bg:#f7f6f2;--panel:#fff;--line:#d6dfe5;--muted:#526777;--yellow:var(--red)}
body{background:var(--bg);color:var(--navy)}
h1,h2,h3,.stat strong,.price{color:var(--navy)}
p,.muted,.heading p,.stat small,.stat span,.location,.description,.company,.details small,.offer dt,.price small,.field small,.footer,.back{color:var(--muted)}
.eyebrow{color:var(--action)}
aside{background:var(--navy);color:#fff;border-color:#2c4b60}
.brand{color:var(--red)}
.workspace{background:#213f55;border-color:#3b596c;color:#fff}
.workspace small,.profile small{color:#c9d6df}
nav button{background:transparent;color:#d5e0e7}
nav button:hover{background:#24465e;color:#fff}
nav button.active{background:#27495f;color:#fff;box-shadow:inset 3px 0 var(--red)}
.topbar{background:var(--navy);border-color:#2c4b60;color:#dce7ef}
.topbar b{color:#fff}
.stat,.card,.project-info,.onboard-form,dialog,.empty{background:var(--panel);border-color:var(--line);color:var(--navy)}
.card:hover{border-color:#90a7b8}
.card-bottom{background:#f0f4f6;border-color:var(--line);color:var(--muted)}
.details{border-color:var(--line)}
button,.cv{background:#fff;border-color:#c3d0d9;color:var(--navy)}
button:hover,.cv:hover{background:#eaf0f4;border-color:#8ca4b5;color:var(--navy)}
.primary,.primary.full,.primary.cv{background:var(--action);border-color:var(--action);color:#fff}
.primary:hover,.primary.full:hover,.primary.cv:hover{background:#b92731;border-color:#b92731;color:#fff}
.filters .active,.role-pick .active{background:var(--navy);border-color:var(--navy);color:#fff}
.tag,.tag.grey{background:#eaf0f4;border-color:#d0dce4;color:#294b63}
.tag.green{background:#e7eef3;border-color:#b9cddc;color:#183f5e}
.topbar .tag{background:#24465d;border-color:#466378;color:#e3edf5}
.avatar{background:#fae7e7;color:#aa2c35}
aside .avatar{background:#d64545;color:#fff}
.banner{background:#e8eff4;border-color:#c6d6e1;color:#294b63}
.notice{background:#f1f5f7;border-color:#d3dfe6;color:var(--muted)}
.notice a{color:#b62e38;text-decoration:underline}
.selected{border:2px solid var(--red)}
input,textarea,select{background:#fff;border-color:#b8c8d4;color:var(--navy)}
input::placeholder,textarea::placeholder{color:#6a7d8b}
input:focus,textarea:focus,select:focus{outline-color:#d6454555;border-color:var(--red)}
input[type=radio],input[type=checkbox]{accent-color:var(--action)}
.form-error,.onboard-form .form-error{color:#b62632}
.language-control{background:#fff;border-color:#bdcdd8;color:var(--navy);box-shadow:0 4px 16px #18344a18}
.language-control select{background:#fff;color:var(--navy)}
#toast{background:var(--navy);border:1px solid #3b617b;color:#fff}
dialog::backdrop{background:#0d253d88}
.close{background:transparent;color:var(--navy)}
.loading{color:var(--navy)}
body:has(.onboarding){background:var(--navy)}
.onboarding .intro{color:#fff}
.onboarding .intro h1,.onboarding .intro strong{color:#fff}
.onboarding .intro p{color:#d9e5ee}
.onboarding .intro .eyebrow{color:#f06c6c}
.steps span{color:#f06c6c}
.onboard-form p{color:var(--muted)}
.onboard-form .eyebrow{color:var(--action)}
.registration-roles legend{color:var(--muted)}
.registration-roles label{background:#f5f8fa;border-color:#bdcdd8;color:var(--navy)}
.registration-roles label:has(input:checked){background:#fff1f0;border-color:var(--red)}
.registration-roles small,.signup-options>span{color:var(--muted)}
.registration-roles input{accent-color:var(--action)}
.signup-options{border-color:var(--line)}
.supplier-fields{margin:24px 0;border-top:1px solid var(--line);padding-top:7px}.supplier-fields[hidden]{display:none!important}.supplier-fields h3{margin-top:22px;font-size:15px}.document-note{font-size:11px;line-height:1.7}.document-list{display:grid;gap:10px;margin:18px 0}.document-list>div{display:grid;gap:5px;padding:10px 12px;border:1px solid var(--line);border-radius:5px;background:#f5f8fa;font-size:12px}.document-list a{color:#b62e38;text-decoration:underline;overflow-wrap:anywhere}.document-list .muted{font-size:11px}.company-panel{margin-top:22px}