/* Global theme tokens and light-base overrides */
:root {
  --bg-main: #FCFCFC;
  --bg-secondary: #F5F5F5;
  --surface: #FFFFFF;

  --text-primary: #1F2937;
  --text-secondary: #4B5563;
  --text-muted: #6B7280;

  --border: #D9DEE7;

  --success: #22C55E;
  --warning: #F59E0B;
  --error: #EF4444;
  --info: #38BDF8;

  /* Contraste para header/footer con naranja */
  --header-footer-bg: #F2711C;
  --header-footer-text: #F5F7FA;
}

html,
body {
  background: var(--bg-main);
  color: var(--text-primary);
}

::selection {
  background: #E5E7EB;
  color: #F2711C;
}

/* Footer en alto contraste con header */
#footer .ui.vertical.segment {
  background: var(--header-footer-bg) !important;
  color: var(--header-footer-text) !important;
}

#footer .item,
#footer .ui.menu .item,
#footer b,
#footer i {
  color: var(--header-footer-text) !important;
}


/* Helpers */
.bg-main { background: var(--bg-main) !important; }
.bg-secondary { background: var(--bg-secondary) !important; }
.bg-surface { background: var(--surface) !important; }
.text-primary { color: var(--text-primary) !important; }
.text-secondary { color: var(--text-secondary) !important; }
.text-muted { color: var(--text-muted) !important; }
.border-theme { border-color: var(--border) !important; }