:root{

  --bg-base:#ffffff;
  --surface-1:#f4f4f0;
  --surface-2:#eaeae4;
  --surface-card:#ffffff;
  --surface-card-alt:#f4f4f0;

  --text-base:#1a1a17;
  --text-strong:#000000;
  --text-secondary:#4c4c46;
  --text-muted:#6d6d65;
  --text-faint:#8a8a81;

  --hairline:#e2e2da;
  --border-strong:#d3d3ca;
  --border-muted:#b8b8ae;
  --separator:#e2e2da;

  --accent-text:#5d6a00;
  --link:#5d6a00;
  --link-hover:#1a1a17;

  --shadow-card:0 1px 2px rgba(26,26,23,.06), 0 4px 12px rgba(26,26,23,.06);

  --map-land:#e9e9e2;
  --map-coast:#c8c8be;
  --map-trail:#a5a59a;
  --map-accent:#5d6a00;
  --map-pin-ring:#ffffff;
  --map-label:#6d6d65;
  --map-label-strong:#1a1a17;
  --map-label-halo:0 0 3px #ffffff, 0 1px 2px rgba(255,255,255,.95);
}