/* MET Dijital flat-color direction: vivid blocks, clear contrast, no gradients. */
:root {
  --flat-cyan: #46d5d9;
  --flat-blue: #4d8dff;
  --flat-violet: #9b7bff;
  --flat-coral: #ff8b6a;
  --flat-yellow: #ffd166;
  --flat-navy: #102235;
}

body:before { background: none !important; }
.architecture { background: #edf4f1 !important; border-color: #57bfc0 !important; box-shadow: 14px 14px 0 #d5e6e1 !important; }
.architecture:before,
.system-spine-visual:before,
.signal-grid,
.rumor-visual:before,
.drone-visual:before,
.reference-visual:before,
.catalog-visual:before { background-image: none !important; mask-image: none !important; }
.architecture:after { background: var(--flat-cyan) !important; }
.floor { box-shadow: inset 0 1px rgba(255,255,255,.9), 10px 10px 0 rgba(16,34,53,.06) !important; }
.floor-1 { background: #e5f7f1 !important; border-left: 3px solid #3ecf9b !important; }
.floor-2 { background: #e8f1ff !important; border-left: 3px solid var(--flat-blue) !important; }
.floor-3 { background: #f0eaff !important; border-left: 3px solid var(--flat-violet) !important; }
.floor-4 { background: #fff0e8 !important; border-left: 3px solid var(--flat-coral) !important; }
.journey { background: var(--flat-navy) !important; }
.journey-track:before { background: var(--flat-cyan) !important; }
.journey-track div:nth-child(2) b { border-color: var(--flat-blue); }
.journey-track div:nth-child(3) b { border-color: var(--flat-violet); }
.journey-track div:nth-child(4) b { border-color: var(--flat-coral); }
.journey-track div:nth-child(5) b { border-color: var(--flat-yellow); }
.system-output { background: #19344a !important; border-color: #3e6c83 !important; }
.system-spine { background: var(--flat-navy) !important; border-color: #3d7891 !important; }
.system-spine-visual { background: #0d1d2d !important; border-color: #3d7891 !important; }
.system-spine-visual:after { background: var(--flat-cyan) !important; }
.system-spine-project-deck { background: #122c3d !important; }
.system-project-card-srvia { background: #123b38 !important; }
.system-project-card-sktr { background: #17324d !important; }
.system-project-card-drone { background: #4a2d2a !important; }
.system-spine-visual[data-spine-mode="model"] .system-spine-project-deck { background: rgba(13,29,45,.96) !important; }
.proof { background: #f4f1e9; }
.proof-grid article:nth-child(1) { background: #e4f7ef; }
.proof-grid article:nth-child(2) { background: #e8f0ff; }
.proof-grid article:nth-child(3) { background: #f1ebff; }
.project-portfolio { border-top: 3px solid var(--flat-cyan); }
.project-row:nth-child(1) { background: #e4f7ef; }
.project-row:nth-child(2) { background: #e8f0ff; }
.project-row:nth-child(3) { background: #fff0e8; }
.brief { background: #fff8e8; }
.projects-hero-signal { background: #fff1c9 !important; }
.signal-line,
.line-two,
.srvia-axis,
.ops-axis,
.catalog-visual:after { background: var(--flat-cyan) !important; }
.line-two { background: var(--flat-coral) !important; }
.signal-ring { box-shadow: none !important; }
.rumor-visual { background: #e2f6ee !important; }
.drone-visual { background: #17324d !important; }
.met-visual { background: #302758 !important; }
.ops-visual { background: #4a2d2a !important; }
.reference-statline { background: #f5f1e9 !important; }
.srvia-visual { background: #183f3b !important; background-image: none !important; }
.sktr-visual { background: #121e31 !important; background-image: none !important; }
.catalog-card { background-image: none !important; }
.catalog-terrain { background: var(--catalog-panel) !important; }
.reference-card:nth-child(odd) { box-shadow: inset 0 3px 0 var(--flat-cyan), 12px 18px 0 rgba(16,34,53,.07) !important; }
.reference-card:nth-child(even) { box-shadow: inset 0 3px 0 var(--flat-coral), 12px 18px 0 rgba(16,34,53,.07) !important; }

@media (prefers-reduced-motion: reduce) {
  .architecture, .project-card, .reference-card { box-shadow: none !important; }
}