:root {
  --ra-red: #b5121b;
  --ra-blue: #0b2d45;
  --ra-green: #2e7d32;
  --ra-bg: #f7f7f7;
}

body { background: var(--ra-bg); color: #16202a; }
.navbar, .btn-primary { background: var(--ra-blue) !important; border-color: var(--ra-blue) !important; }
.btn-danger, .badge-danger { background: var(--ra-red) !important; border-color: var(--ra-red) !important; }
.text-redahorro { color: var(--ra-red); }
.text-health { color: var(--ra-green); }
.brand-logo { width: 56px; height: 56px; object-fit: contain; }
.hero-logo { max-width: 260px; width: 100%; }
.card { border-radius: 8px; border: 1px solid #e4e8eb; box-shadow: 0 8px 28px rgba(11,45,69,.05); }
.table td, .table th { vertical-align: middle; }
.sidebar-link { display: block; padding: .65rem .8rem; color: #21313f; text-decoration: none; border-radius: 6px; }
.sidebar-link:hover, .sidebar-link.active { background: #eef4f7; color: var(--ra-blue); }