/* ═══ RheumaScore — Warm Clinical Theme ═══
   Override global: aplica a index.html y todas las subpáginas
   que carguen este archivo o shared-style.css
*/
:root {
  --bg: #f6f1ea !important;
  --bg2: #efe7dd !important;
  --card: rgba(255, 252, 247, 0.82) !important;
  --card-hover: rgba(255, 250, 243, 0.96) !important;
  --card-active: rgba(250, 243, 234, 0.98) !important;
  --border: rgba(109, 85, 63, 0.12) !important;
  --border-light: rgba(109, 85, 63, 0.18) !important;
  --accent: #6f8f7b !important;
  --accent-soft: rgba(111, 143, 123, 0.10) !important;
  --accent-glow: rgba(111, 143, 123, 0.18) !important;
  --teal: #8f7c6b !important;
  --teal-soft: rgba(143, 124, 107, 0.08) !important;
  --green: #6f8f7b !important;
  --yellow: #b99053 !important;
  --orange: #b67a57 !important;
  --red: #bb6b63 !important;
  --pink: #a67c8e !important;
  --text: #2d241d !important;
  --text-secondary: #65584d !important;
  --text-dim: #8b7b6d !important;
  --glass: rgba(246, 241, 234, 0.92) !important;
}

body {
  background: linear-gradient(180deg, #fbf7f2 0%, #f4ede4 100%) !important;
  color: #2d241d !important;
}

/* Cards, panels, modals — warm surfaces */
.card, .panel, .modal, .sidebar, .nav-panel, .calc-panel, .result-panel,
[class*="card"], [class*="panel"] {
  background: rgba(255, 252, 247, 0.82) !important;
  border-color: rgba(109, 85, 63, 0.14) !important;
}

/* Buttons */
button, .btn, [class*="btn"] {
  border-color: rgba(109, 85, 63, 0.18) !important;
}

/* Links */
a { color: #6f8f7b; }
a:hover { color: #5a7a66; }

/* Scrollbar */
::-webkit-scrollbar-thumb {
  background: rgba(143, 124, 107, 0.2) !important;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(143, 124, 107, 0.35) !important;
}

/* Selection */
::selection {
  background: rgba(111, 143, 123, 0.25) !important;
}


/* Force light aesthetic even on legacy dark inline pages */
html, body {
  background: #fbf7f2 !important;
  color: #2d241d !important;
}
body::before, body::after { display:none !important; }

/* Common dark containers */
.sidebar, .top-bar, .hero-section, .hero-search-wrapper, .search-results,
.eco-dropdown, .hub-card, .hub-action-btn, .hub-stat, .hub-badge,
.section-header, .disease-card, .score-card, .calc-panel, .result-panel,
.breadcrumb, .joint-panel, .send-doctor-panel, .modal, .tweet-card,
.powered-section, .footer, .footer-links, .footer-badges, .nav-item,
input, select, textarea, .search-input, .hub-search-input, button {
  background-color: rgba(255,252,247,0.92) !important;
  color: #2d241d !important;
  border-color: rgba(109,85,63,0.16) !important;
}

/* Typography cleanup */
.section-label, .hub-stat-label, .footer-badge, .powered-badge, .sidebar-badge {
  color: #6b5c4f !important;
}

.nav-item, .nav-item *, .sidebar-brand, .sidebar-brand-text,
.hero-title, .hero-subtitle, .calc-title, .calc-subtitle,
.result-label, .result-activity, .result-rec, .tweet-link,
.footer-copy, .footer-copy *, .powered-section * {
  color: #2d241d !important;
}

.sidebar-brand-text, .hero-title .gradient-text {
  background: none !important;
  -webkit-text-fill-color: initial !important;
  color: #2d241d !important;
}

/* Remove aggressive neon glows */
* { box-shadow: none !important; }
.disease-card, .score-card, .section-header, .calc-panel, .result-panel, .nav-item, .back-btn {
  box-shadow: 0 6px 18px rgba(58,43,31,0.06) !important;
}

/* Buttons */
button, .btn, [class*="btn"] {
  border-radius: 12px !important;
}
.compute-btn, .hub-action-btn, .back-btn {
  background: #f6efe7 !important;
  color: #2d241d !important;
}
.compute-btn:hover, .hub-action-btn:hover, .back-btn:hover, .nav-item:hover {
  background: #efe7dd !important;
}

/* Links */
a, a:visited { color: #5f6d62 !important; }
a:hover { color: #49564d !important; }


/* Legacy page force-override */
main, header, footer, section, article, aside, nav, .container, .wrap, .wrapper,
.page, .app, .shell, .layout, .hero, .hero-card, .hero-panel, .toolbar,
.dashboard, .dashboard-grid, .stats-grid, .card-grid, .grid, .module,
.stat-card, .info-card, .result-card, .search-card, .tool-card, .feature-card,
.metric-card, .list-card, .chart-card, .table-card, .blog-card, .post-card,
.content, .content-wrap, .main, .main-content, .panel-grid, .widget, .tile {
  background-color: rgba(255,252,247,0.94) !important;
  color: #2d241d !important;
  border-color: rgba(109,85,63,0.14) !important;
}

/* Neutralize legacy dark gradients */
body, main, .app, .page, .shell, .dashboard, .hero, .container {
  background-image: none !important;
}

/* SVG/icon accents */
svg { color: #6f8f7b !important; }

/* Tables */
table, th, td {
  background: rgba(255,252,247,0.92) !important;
  color: #2d241d !important;
  border-color: rgba(109,85,63,0.14) !important;
}