:root {
  --value-accounting: #8b6f47;
  --coinage: #b7802f;
  --claims-banking: #69578e;
  --notes-paper: #8b5950;
  --clearing-settlement: #2f6f7a;
  --payment-networks: #3f6e57;
  --digital-money: #3d6696;
  --cryptographic-money: #77567c;
}

.timeline-stage {
  background:
    linear-gradient(90deg, rgba(138, 107, 61, .035) 1px, transparent 1px) 0 0 / 56px 100%,
    radial-gradient(circle at 78% 45%, rgba(47, 111, 122, .08), transparent 30%),
    var(--paper);
}

.timeline-event,
.timeline-connector { --domain: var(--value-accounting); }
.timeline-event[data-domain="value-accounting"], .timeline-connector[data-domain="value-accounting"] { --domain: var(--value-accounting); }
.timeline-event[data-domain="coinage"], .timeline-connector[data-domain="coinage"] { --domain: var(--coinage); }
.timeline-event[data-domain="claims-banking"], .timeline-connector[data-domain="claims-banking"] { --domain: var(--claims-banking); }
.timeline-event[data-domain="notes-paper"], .timeline-connector[data-domain="notes-paper"] { --domain: var(--notes-paper); }
.timeline-event[data-domain="clearing-settlement"], .timeline-connector[data-domain="clearing-settlement"] { --domain: var(--clearing-settlement); }
.timeline-event[data-domain="payment-networks"], .timeline-connector[data-domain="payment-networks"] { --domain: var(--payment-networks); }
.timeline-event[data-domain="digital-money"], .timeline-connector[data-domain="digital-money"] { --domain: var(--digital-money); }
.timeline-event[data-domain="cryptographic-money"], .timeline-connector[data-domain="cryptographic-money"] { --domain: var(--cryptographic-money); }

.domain-dot.value-accounting { color: var(--value-accounting); }
.domain-dot.coinage { color: var(--coinage); }
.domain-dot.claims-banking { color: var(--claims-banking); }
.domain-dot.notes-paper { color: var(--notes-paper); }
.domain-dot.clearing-settlement { color: var(--clearing-settlement); }
.domain-dot.payment-networks { color: var(--payment-networks); }
.domain-dot.digital-money { color: var(--digital-money); }
.domain-dot.cryptographic-money { color: var(--cryptographic-money); }

.identity-copy h1 em,
.identity-copy .eyebrow,
.einstein-mode-button[aria-pressed="true"] { color: #74572e; }

.einstein-mode-button[aria-pressed="true"] {
  border-color: rgba(138, 107, 61, .55);
  background: rgba(138, 107, 61, .12);
}

.einstein-monogram { background: #8a6b3d; color: #fffdf8; }

@media (max-height: 500px) {
  .domain-filters { max-width: min(100%, 980px); }
  .filter-chip { padding-inline: 7px; }
}