:root {
  --paper: #d9dce5;
  --pear: #ffffff;
  --soft-blue: #d9dce5;
}

/* Core-palette direction: Signal Blue, Navy, Ink, Warm White, White, Aluminium, Graphite. */
.loader-overlay {
  background: radial-gradient(circle at 50% 46%, var(--navy) 0%, var(--ink) 72%);
}
.loader-skip-link:focus { color: var(--navy); background: var(--white); }
.progress-track i { background: linear-gradient(90deg, var(--signal), var(--white)); }
.mobile-nav a::after { color: var(--signal); }
.hero-mark { background: var(--white); }
.motion-dot { background: var(--signal); box-shadow: 0 0 0 4px rgba(12,53,233,.16); }

.proof-backdrop i:nth-child(3) {
  background: var(--white);
  box-shadow: 0 0 0 16px rgba(255,255,255,.08), 0 0 0 34px rgba(255,255,255,.04);
}
.proof-grid article:nth-child(3) { color: var(--navy); background: var(--aluminium); }
.signal-rail { color: var(--white); background: var(--signal); }

.project-scope.confirmed { color: var(--navy); background: var(--white); }
.project-scope.preview { color: var(--white); background: var(--navy); }
.project-arrow { color: var(--white); background: var(--signal); }
.project-note {
  background:
    radial-gradient(circle at 77% 50%, rgba(12,53,233,.62), transparent 28%),
    linear-gradient(128deg, var(--navy), var(--ink) 74%);
}
.project-note::before { border-color: rgba(255,255,255,.28); }
.project-note .note-kicker { color: var(--navy); background: var(--white); }
.note-tags span { color: var(--aluminium); }
.project-note a b { color: var(--white); background: var(--signal); }
.project-note a:hover { color: var(--white); }
.note-mark::before { background: rgba(255,255,255,.14); }
.note-signal-flare {
  box-shadow: 0 0 18px 5px white, 0 0 70px 28px rgba(12,53,233,.9), 0 0 150px 64px rgba(255,255,255,.2);
}
.note-orbit { border-color: rgba(255,255,255,.34); }
.note-spark { color: var(--white); }

.capabilities {
  background:
    radial-gradient(circle at 75% 102svh, rgba(12,53,233,.72), transparent 42%),
    linear-gradient(145deg, var(--ink) 0%, var(--navy) 72%, var(--signal) 145%);
}
.capability-heading h2 em { color: var(--white); }
.capability-tracker i::after { background: var(--white); }
.capability-orbit-lines i:nth-child(2) { border-color: rgba(255,255,255,.22); }
.capability-card.cobalt { color: var(--white); background: var(--signal); }
.capability-card.pear { color: var(--white); background: var(--navy); }
.capability-card.soft-blue { color: var(--navy); background: var(--aluminium); }

.clients { background: linear-gradient(180deg, var(--warm), var(--aluminium) 52%, var(--warm)); }

.approach {
  background:
    radial-gradient(circle at 9% 72%, rgba(255,255,255,.15), transparent 27%),
    radial-gradient(circle at 93% 18%, rgba(217,220,229,.2), transparent 24%),
    var(--signal);
}
.approach-intro > p { color: rgba(255,255,255,.82); }
.approach-tracker b { background: var(--white); }
.approach-card-number { color: var(--navy); background: var(--white); }
.approach-card-copy small { color: var(--white); }
.approach-project-label { color: var(--navy); background: var(--white); }
.approach-card-brief { color: var(--white); background: var(--signal); border-color: rgba(255,255,255,.28); }
.approach-card-brief::after { background: linear-gradient(180deg, transparent 46%, rgba(11,27,107,.12) 58%, var(--signal) 100%); }
.approach-card-brief .approach-card-number { color: var(--navy); background: var(--white); }
.approach-card-brief .approach-card-copy small { color: var(--white); }
.approach-card-brief .approach-card-copy p { color: rgba(255,255,255,.76); }
.approach-brief-board { background: var(--signal); }
.approach-brief-board::before { background: var(--aluminium); }
.brief-word { color: var(--navy); background: var(--white); }
.brief-people { color: var(--navy); background: var(--aluminium); }
.brief-moment { color: var(--white); background: var(--navy); }

.about { background: linear-gradient(135deg, var(--navy), var(--ink)); }
.founder-ambient i:nth-child(3) {
  background: var(--white);
  box-shadow: 0 0 0 18px rgba(255,255,255,.07), 0 0 0 38px rgba(255,255,255,.035);
}
.founder-visual { background: linear-gradient(150deg, var(--signal), var(--navy)); }
.founder-visual::after { background: var(--white); }
.founder-token-moment { background: var(--aluminium); }
.founder-sticker { color: var(--navy); background: var(--white); }
.founder-copy .eyebrow { color: var(--aluminium); }
.founder-copy .eyebrow > span:first-child { background: var(--white); box-shadow: 0 0 0 6px rgba(255,255,255,.12); }
.founder-copy > strong { color: var(--white); }
.founder-values { color: var(--aluminium); }
.founder-values i { color: var(--white); }
.founder-copy a { color: var(--navy); background: var(--white); }
.founder-ribbon { color: var(--white); background: var(--signal); }
.founder-ribbon i { color: var(--aluminium); }

.contact { color: var(--white); background: var(--signal); }
.contact h2 em { color: var(--white); }
.contact-card { border-color: rgba(255,255,255,.26); }
.contact-card.email { color: var(--white); background: var(--ink); }
.contact-card.whatsapp { color: var(--navy); background: var(--white); }
.whatsapp-status { color: rgba(255,255,255,.78); }