/* Filled controls stay on deep green in both modes so white labels stay readable.
   Dark mode only changes page surfaces and the ink used for text and links. */

:root,
[data-theme="light"] {
  color-scheme: light;
  --olam-primary: #059138;
  --olam-primary-hover: #047857;
  --olam-primary-ink: #047857;
  --olam-on-primary: #ffffff;
  --olam-primary-soft: rgba(5, 145, 56, 0.1);
  --olam-surface: #ffffff;
  --olam-surface-hover: #f3f6f4;
  --olam-bg: #f4f6f8;
  --olam-border: #e2e8f0;
  --olam-text: #0f172a;
  --olam-text-muted: #64748b;
  --olam-card-bg: #ffffff;
  --olam-input-bg: #ffffff;
}

[data-theme="dark"] {
  color-scheme: dark;
  --olam-primary: #059138;
  --olam-primary-hover: #047857;
  --olam-primary-ink: #86efac;
  --olam-on-primary: #ffffff;
  --olam-primary-soft: rgba(134, 239, 172, 0.14);
  --olam-surface: #10241c;
  --olam-surface-hover: #1a3329;
  --olam-bg: #07140f;
  --olam-border: #245041;
  --olam-text: #f4f7f5;
  --olam-text-muted: #d5e0da;
  --olam-card-bg: #10241c;
  --olam-input-bg: #0c1c16;
}

body {
  background: var(--olam-bg);
  color: var(--olam-text);
}

table thead th {
  background: #047857 !important;
  color: #ffffff !important;
  border-color: #036b4a !important;
}

table thead th,
table thead th * {
  color: #ffffff !important;
}

[data-theme="dark"] table tbody td {
  color: var(--olam-text);
  border-color: var(--olam-border);
}

[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background: var(--olam-input-bg) !important;
  color: var(--olam-text) !important;
  border-color: var(--olam-border) !important;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: #9fb0a8;
}

[data-theme="dark"] [style*="background: rgb(255, 255, 255)"],
[data-theme="dark"] [style*="background:rgb(255, 255, 255)"],
[data-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background:#ffffff"],
[data-theme="dark"] [style*="background: #ffffff"],
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background: rgb(248, 250, 252)"],
[data-theme="dark"] [style*="background:#f8fafc"],
[data-theme="dark"] [style*="background: #f8fafc"] {
  background: var(--olam-surface) !important;
  border-color: var(--olam-border) !important;
}

[data-theme="dark"] [style*="color: rgb(15, 23, 42)"],
[data-theme="dark"] [style*="color: rgb(17, 17, 17)"],
[data-theme="dark"] [style*="color: rgb(51, 65, 85)"],
[data-theme="dark"] [style*="color: rgb(71, 85, 105)"],
[data-theme="dark"] [style*="color: rgb(100, 116, 139)"],
[data-theme="dark"] [style*="color:#0f172a"],
[data-theme="dark"] [style*="color: #0f172a"],
[data-theme="dark"] [style*="color:#111"],
[data-theme="dark"] [style*="color: #111"],
[data-theme="dark"] [style*="color: #334155"],
[data-theme="dark"] [style*="color: #475569"],
[data-theme="dark"] [style*="color: #64748b"],
[data-theme="dark"] [style*="color: #555"],
[data-theme="dark"] [style*="color: #666"],
[data-theme="dark"] [style*="color: #777"],
[data-theme="dark"] [style*="color: #888"],
[data-theme="dark"] [style*="color: #999"],
[data-theme="dark"] [style*="color:#94a3b8"],
[data-theme="dark"] [style*="color: #94a3b8"] {
  color: var(--olam-text) !important;
}

.gc-choice {
  background: var(--olam-surface);
  color: var(--olam-text);
  border: 1.5px solid var(--olam-border);
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.gc-choice i {
  color: var(--olam-text-muted);
}

.gc-choice:hover {
  border-color: var(--olam-primary);
  background: var(--olam-surface-hover);
  color: var(--olam-primary-ink);
}

.gc-choice:hover i {
  color: var(--olam-primary-ink);
}

.gc-choice.is-on,
.gc-choice.is-on:hover {
  background: #059138;
  border-color: #047857;
  color: #ffffff;
}

.gc-choice.is-on i,
.gc-choice.is-on:hover i {
  color: #ffffff;
}