<style>
:root {
  --bg: #f9fbfc;
  --text: #333;
  --card: #ffffff;
  --primary: #00796b;
  --muted: #666;
}

/* DARK MODE */
body.dark-mode {
  --bg: #0f172a;
  --text: #e5e7eb;
  --card: #1e293b;
  --primary: #22c55e;
  --muted: #9ca3af;
}

body {
  background: var(--bg);
  color: var(--text);
}

/* GLOBAL HELPERS */
.card-custom {
  background: var(--card);
  color: var(--text);
}

.text-muted {
  color: var(--muted) !important;
}

h1, h2, h3, h4, h5 {
  color: var(--primary);
}

a {
  color: var(--primary);
}
<style>