/* ==========================================================================
   MEMBER PORTAL — member-theme.css
   Loaded AFTER assets/css/style.css on every page inside /member only.
   Overrides the same CSS variables so every component (cards, buttons,
   badges, tables, sidebar, etc.) automatically re-themes — no component
   CSS is duplicated or rewritten here, only the token values change.

   Admin panel stays Indigo (#4F46E5). Member portal uses a Teal/Emerald
   identity so the two areas are visually distinguishable at a glance.
   ========================================================================== */

:root {
  /* Brand — Teal instead of Indigo */
  --color-primary: #0D9488;
  --color-primary-hover: #0F766E;
  --color-primary-light: #CCFBF1;

  /* Status palette stays consistent with the design system for
     recognizability (success/warning/danger meanings don't change) */
  --color-success: #16A34A;
  --color-success-light: #DCFCE7;
  --color-warning: #F59E0B;
  --color-warning-light: #FEF3C7;
  --color-danger: #DC2626;
  --color-danger-light: #FEE2E2;
  --color-info: #0EA5E9;
  --color-info-light: #E0F2FE;
}

[data-theme="dark"] {
  --color-primary-light: #0F2E2B;
}

/* Wallet balance card gradient re-themed to match the Teal brand */
.wallet-balance-card {
  background: linear-gradient(135deg, #0D9488 0%, #0F766E 100%);
}

/* Auth background dot-grid tint */
.auth-wrapper {
  background-image: radial-gradient(circle at 1px 1px, var(--color-border) 1px, transparent 0);
}

/* Donation card border tint to match the new brand color */
.donation-toggle-card {
  border-color: #99E6DD;
}