/* Monte Vivo: color tokens only. Layout, type, motion and sizing stay intact. */
:root {
  --monte: var(--color-116);
  --fuego: var(--color-117);
  --lima: var(--color-118);
  --carbon: var(--color-119);
  --tierra: var(--color-120);
  --calido: var(--color-121);
  --mineral: var(--color-122);
  --rio: var(--color-123);
  --minga: var(--lima);
  --trueque: var(--mineral);
  --arcilla: var(--color-124); /* Slightly lighter for small dark labels. */
  --donacion: var(--arcilla);
  --voluntariado: var(--rio);
  --bg: var(--calido);
  --surface: var(--color-125);
  --raised: var(--color-126);
  --soft: var(--color-126);
  --ink: var(--carbon);
  --muted: var(--color-127);
  --line: var(--color-128);
}
body.dark {
  --bg: var(--carbon);
  --surface: var(--tierra);
  --raised: var(--color-129);
  --soft: var(--color-130);
  --ink: var(--calido);
  --muted: var(--color-131);
  --line: var(--color-132);
  --inverse: var(--carbon);
}
.type-minga { --type: var(--monte); --type-ink: var(--calido); }
.type-trueque { --type-ink: var(--carbon); }
.type-donacion { --type-ink: var(--carbon); }
.type-voluntariado { --type-ink: var(--carbon); }
.world, .world-copy>span, .world-note,
.card .media-type, .card .abstract, .card-media .abstract-pattern,
.create-options .option-icon, .nearby-icon, .activity-marker,
.will-thumb, .publication-media, .memory-visual {
  color: var(--type-ink, var(--ink));
}
.world .world-arrow { background: var(--type-ink); color: var(--type); border-color: var(--type-ink); }
.filter-chips button.selected { color: var(--type-ink, var(--bg)); }
body.dark .filter-chips button.selected { color: var(--type-ink, var(--bg)); }
.type-minga .breakdown-row svg, .breakdown-row.type-minga svg { color: var(--lima); }
.primary, .app-dock #mobile-create, .skill-tag.chosen,
.star-options input:checked+span, .workspace-stats>button:first-child {
  background: var(--lima); color: var(--carbon);
}
.exact-marker { background: var(--lima); color: var(--carbon); }
.range-field input { background: linear-gradient(to right,var(--monte) var(--fill,20%),var(--line) var(--fill,20%)); }
.world-photo { border-color: var(--calido); }
body:not(.dark) .home-intro .handwritten,
body:not(.dark) .profile-top>.handwritten,
body:not(.dark) .workspace-heading h1 .handwritten,
body:not(.dark) .stars { color: var(--monte); }
body:not(.dark) .brand-star { color: var(--monte); }