:root {
  --surco-brand-green: #17402F;
  --surco-brand-wheat: #E8B931;
  --surco-text-primary: #141414;
  --surco-text-secondary: #6B7280;
  --surco-surface: #FFFFFF;
  --surco-green-selected-bg: #EAF3DE;
  --surco-border-neutral: #D1D5DB;
  --surco-divider-neutral: #E5E7EB;
  --surco-hover-neutral: #F3F4F6;
  --surco-border-subtle: rgba(20, 20, 20, 0.12);
  --surco-neutral-light: #F3F4F6;
  --surco-neutral-mid: #D9DEDC;
  --surco-neutral-text: #66706C;
  --color-bg: var(--surco-surface);
  --color-surface: var(--surco-surface);
  --color-text: var(--surco-text-primary);
  --color-muted: var(--surco-text-secondary);
  --color-primary: var(--surco-brand-green);
  --color-primary-text: var(--surco-brand-green);
  --color-on-primary: #FFFFFF;
  --brown: var(--surco-text-primary);
  --cream: var(--surco-surface);
  --cream-dark: var(--surco-surface);
  --green-dark: var(--surco-brand-green);
  --text-mid: var(--surco-text-secondary);
  --text-muted: var(--surco-text-secondary);
  --border: var(--surco-border-neutral);
  --border-subtle: var(--surco-border-subtle);
  --color-primary-text: var(--surco-brand-green);
  --green-dark: var(--surco-brand-green);
  --shell-green: var(--surco-brand-green);
  --tc-green-deep: var(--surco-brand-green);
  --tc-green-accent: var(--surco-brand-green);
  --tc-green-primary: var(--surco-brand-green);
  --tc-green-state: var(--surco-brand-green);
  --tc-text-strong: var(--surco-text-primary);
  --tc-pill-success-text: var(--surco-brand-green);
  --r2-green: var(--surco-brand-green);
  --r2-green-deep: var(--surco-brand-green);
  --r2-cta-inline: var(--surco-brand-green);
  --r2-cta-inline-hover: var(--surco-brand-green);
  --share-brand: var(--surco-brand-green);
  --share-text: var(--surco-brand-green);
}
.tu-campo-body .dashboard-shell,
.tu-campo-body .dashboard-shell.dashboard-shell--r2 {
  --tc-dash-bg: var(--surco-surface);
  --shell-card-bg: var(--surco-surface);
  --shell-card-border: var(--surco-border-neutral);
  --shell-topbar-text: var(--surco-text-primary);
  --shell-topbar-muted: var(--surco-text-secondary);
  --shell-topbar-border: var(--surco-border-neutral);
  --shell-nav-active-bg: var(--surco-green-selected-bg);
  --shell-nav-active-text: var(--surco-brand-green);
  --dps-ink: var(--surco-text-primary);
  --dps-lead-color: var(--surco-text-secondary);
  --r2-surface: var(--surco-surface);
  --r2-bg: var(--surco-surface);
  --r2-ink: var(--surco-text-primary);
  --r2-ink-soft: var(--surco-text-secondary);
  --r2-muted: var(--surco-text-secondary);
  --r2-border: var(--surco-border-neutral);
  --r2-border-soft: var(--surco-divider-neutral);
  --r2-green-deep: var(--surco-brand-green);
  --r2-green: var(--surco-brand-green);
}
.tu-campo-body .dashboard-shell a:not(.btn),
body.share-campo-body a:not(.btn),
body.ingresar-body a:not(.btn),
body.plan-page-body a:not(.btn) { color: var(--surco-brand-green) !important; }
.tu-campo-body .dashboard-shell {
  --shell-green: var(--surco-brand-green) !important;
  --r2-green: var(--surco-brand-green) !important;
  --r2-green-deep: var(--surco-brand-green) !important;
  --r2-cta-inline: var(--surco-brand-green) !important;
  --r2-cta-inline-hover: var(--surco-brand-green) !important;
}
.tu-campo-body {
  --tc-green-deep: var(--surco-brand-green) !important;
  --tc-green-accent: var(--surco-brand-green) !important;
  --tc-green-primary: var(--surco-brand-green) !important;
  --tc-green-state: var(--surco-brand-green) !important;
  --tc-text-strong: var(--surco-text-primary) !important;
  --tc-pill-success-text: var(--surco-brand-green) !important;
}
.share-campo-body { --share-brand: var(--surco-brand-green); --share-text: var(--surco-brand-green); }
body.ingresar-body {
  --ing-bg: var(--surco-surface);
  --ing-text: var(--surco-text-primary);
  --ing-text-muted: var(--surco-text-secondary);
  --ing-text-subtle: var(--surco-text-secondary);
  --ing-on-brand: var(--surco-surface);
  --ing-border: var(--surco-border-subtle);
  --ing-field-border: var(--surco-border-neutral);
  --ing-placeholder: var(--surco-text-secondary);
  --ing-highlight: var(--surco-green-selected-bg);
  --color-primary-text: var(--surco-brand-green);
  --green-dark: var(--surco-brand-green);
  --ing-brand: var(--surco-brand-green);
  --ing-brand-hover: var(--surco-brand-green);
}
body.plan-page-body {
  --plan-bg: var(--surco-surface);
  --plan-surface: var(--surco-surface);
  --plan-surface-soft: var(--surco-surface);
  --plan-text: var(--surco-text-primary);
  --plan-text-muted: var(--surco-text-secondary);
  --plan-text-subtle: var(--surco-text-secondary);
  --plan-brand: var(--surco-brand-green);
  --plan-brand-hover: var(--surco-brand-green);
  --plan-on-brand: var(--surco-surface);
  --plan-border: var(--surco-border-subtle);
  --plan-divider: var(--surco-divider-neutral);
}
.tu-campo-body .dashboard-shell .tc-nav-label,
.tu-campo-body .dashboard-shell .tc-nav-label-text { color: var(--surco-brand-green); }
.tu-campo-body .dashboard-shell .tc-pro-badge,
.tu-campo-body .dashboard-shell .tc-plan-badge:not(.is-free),
.badge-plan.pro {
  background: var(--surco-brand-wheat) !important;
  color: var(--surco-text-primary) !important;
}
.tu-campo-body .tc-greeting {
  color: var(--surco-text-primary) !important;
}
.tu-campo-body .dashboard-shell .r2-numeros-fx-seg.is-active,
.tu-campo-body .dashboard-shell #r2-config-host [aria-selected="true"],
.tu-campo-body .dashboard-shell #r2-config-embed [aria-selected="true"] {
  background: var(--surco-green-selected-bg) !important;
  color: var(--surco-brand-green) !important;
  border-color: var(--surco-brand-green) !important;
}
.tu-campo-body .dashboard-shell.dashboard-shell--r2-nav .r2-section-subtabs .comercial-subtab.is-active,
.tu-campo-body .dashboard-shell.dashboard-shell--r2-nav .r2-section-subtabs .comercial-subtab.is-active:hover,
.tu-campo-body .dashboard-shell.dashboard-shell--r2-nav .r2-section-subtabs .comercial-subtab.is-active:focus-visible {
  background: var(--surco-green-selected-bg);
  color: var(--surco-brand-green);
  border-color: var(--surco-brand-green);
}
.tu-campo-body .dashboard-shell .tc-nav-item[data-tab="hoy"] .tc-nav-label-text,
.tu-campo-body .dashboard-shell .tc-nav-item[data-tab="numeros"] .tc-nav-label-text,
.tu-campo-body .dashboard-shell .r2-nav-numeros-subitem[data-numeros-sub="costos"] .tc-nav-label-text {
  color: var(--surco-brand-green) !important;
}
.logo span,
.tc-sidebar-logo span,
.tc-drawer-logo span,
.share-logo span { color: var(--surco-brand-wheat) !important; }
.tu-campo-body .dashboard-shell .r2-cuenta-menu-trigger:hover,
.tu-campo-body .dashboard-shell .r2-cuenta-menu-trigger:focus-visible {
  background: var(--surco-hover-neutral) !important;
}
.tu-campo-body .dashboard-shell .r2-numeros-fx {
  background: var(--surco-neutral-light) !important;
}
.tu-campo-body .dashboard-shell .r2-numeros-leyenda-chip--dato {
  background-color: var(--surco-neutral-mid) !important;
  border-color: var(--surco-neutral-mid) !important;
}
.tu-campo-body .dashboard-shell .r2-mercado-atribucion {
  color: var(--surco-neutral-text) !important;
}
.tu-campo-body .dashboard-shell.dashboard-shell--r2-onboarding .r2-onb-strip-step.is-done .r2-onb-strip-label {
  color: var(--surco-brand-green) !important;
}
.tu-campo-body .dashboard-shell.dashboard-shell--r2 #panel-inicio .r2-home-empty-cta[data-r2-create-field] {
   color: var(--surco-surface) !important;
}