/* Brand reference: charcoal / warm ivory / sage / terra, with a calm editorial voice. */
:root {
  --ink: #1f2937;
  --paper: #f5f4ef;
  --sand: #ebe8de;
  --forest: #6b8e6e;
  --lime: #c9d8c6;
  --coral: #b7793e;
  --muted: #69727b;
  --line: rgba(31, 41, 55, .16);
}

body,
button,
input,
textarea,
.eyebrow,
.section-label,
.case-number,
.case-kicker,
.metrics small,
.proof-note,
.hero-foot,
.art-card small,
.coordinates {
  font-family: Manrope, Arial, sans-serif;
}

.brand-dumuc {
  font-family: Manrope, Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.07em;
}

.brand-dumuc span { color: var(--forest); }
.eyebrow, .case-kicker, .section-label { font-size: 11px; font-weight: 700; letter-spacing: .05em; }
.hero-art { background-color: #c8d5c5; }
.hero-art::after { display: none; }
.art-card { background: rgba(245,244,239,.80); border-color: rgba(31,41,55,.15); }
.proof { background: var(--ink); }
.proof .eyebrow { color: #c9d8c6; }
.metrics strong { color: #c9d8c6; }
.case { border-color: rgba(31,41,55,.15); }
.case-lalamove { background: #f9eee7; color: #7d3f1f; }
.case-base { background: #e9f0ed; color: #2d669b; }
.case-topdev { background: #f7f6f1; color: #39424d; }
.case-lalamove .case-company-name { color: #c86b3a; }
.case-base .case-company-name { color: #397a9f; }
.case-topdev .case-company-name > span { color: #cf5a49; }
.section-label > span { color: var(--coral); }
.steps article::after { background: var(--forest); }
.about { background: var(--ink); }
.portrait { background: #92ae93; }
.portrait-circle { background: #d9dfce; }
.portrait span, .portrait small { color: var(--ink); }
.contact-card { background: #d7e0d2; }
.button-primary, .button-light { background: var(--ink); }