:root{
  --ink:#23384b;
  --deep:#183957;
  --teal:#357fbd;
  --mint:#dcecf8;
  --paper:#f4f8fb;
  --line:#d9e4ec;
  --muted:#6f7f8c;
  --amber:#d18b4d;
  --shadow:0 18px 50px rgba(24,57,87,.1);
}

.login-screen{background:linear-gradient(145deg,#183957,#102b43)}
.login-screen:before,.login-screen:after{border-color:rgba(126,190,235,.17)}
.login-brand small,.brand small,.storage-card small,.sidebar-foot small{color:#bad2e4}
.login-card input:focus{border-color:#357fbd;box-shadow:0 0 0 3px rgba(53,127,189,.12)}
.login-note{color:#8999a5}

.sidebar{background:linear-gradient(180deg,#183957 0%,#102d46 100%)}
.nav-item{color:#bdd0df}
.nav-item.active{box-shadow:inset 3px 0 #7fc1ee}
.storage-card{background:#21496b;border-color:#386482}
.sidebar-foot{border-top-color:#345773}
.avatar{background:#dbeaf5;color:#183957}

.primary{box-shadow:0 8px 20px rgba(53,127,189,.2)}
.primary:hover{background:#286b9f}
.primary:disabled{opacity:.7;cursor:wait;box-shadow:none}
.hero{background:linear-gradient(135deg,#183957,#102d46)}
.hero-tag{color:#8bcaf3}
.hero h2 em{color:#a7d8f6}
.hero p{color:#c4d6e3}
.hero .ghost{color:#e6f0f7;border-color:#4b708b}
.blueprint{background:linear-gradient(145deg,#1f496b,#0e293f)}
.bp-grid{background-image:linear-gradient(rgba(116,190,238,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(116,190,238,.1) 1px,transparent 1px)}
.pipe{background:#63aedd;box-shadow:0 0 14px rgba(99,174,221,.38)}
.p3{background:#e2a05c}
.node{border-color:#80c4ed;background:#173b56}
.measure{color:#9fc4db}
.m2{color:#e4ad70}

.metric-icon.teal{background:#dcecf8;color:#2d72aa}
.project-badge{background:#deedf8;color:#2d72aa}
.workflow li.done>span{background:#357fbd;border-color:#357fbd}
.project-card:hover{border-color:#a9c8dc}
.beta{background:#deedf8;color:#2d72aa}
.dropzone{border-color:#a8c6d9;background:#f8fcff}
.dropzone.drag{background:#e3f1fa;border-color:#357fbd}
.upload-icon{background:#dcecf8;color:#2d72aa}
.canvas-toolbar button.active{background:#e2eef7;color:#2d72aa}
.sheet-stack span{border-color:#8fb2c8}

.role-guide article{background:linear-gradient(135deg,#183957,#214b6c)}
.role-guide span{color:#86c8f1}
.role-guide p{color:#bfd2e0}
.user-state.on{color:#357fbd}
dialog{box-shadow:0 30px 100px rgba(15,40,60,.3)}
dialog::backdrop{background:rgba(12,34,51,.58)}
.toast{background:#183957}