/* Gig Pay Me shared theme — keeps every route consistent with the original dark site. */
:root {
  color-scheme: dark;
  --gpm-bg: #0f0f1a;
  --gpm-surface: #1e1e30;
  --gpm-surface-soft: #161625;
  --gpm-border: rgba(16, 185, 129, 0.22);
  --gpm-text: #f3f4f6;
  --gpm-muted: #d1d5db;
  --gpm-subtle: #9ca3af;
  --gpm-accent: #34d399;
  --gpm-accent-strong: #10b981;
}

html,
body {
  min-height: 100%;
  background: var(--gpm-bg) !important;
  color: var(--gpm-text) !important;
}

body {
  margin: 0;
}

header,
footer {
  background: var(--gpm-bg) !important;
  color: var(--gpm-text) !important;
  border-color: var(--gpm-border) !important;
}

main,
.container {
  background: transparent !important;
}

h1,
h3,
h4,
strong {
  color: var(--gpm-text) !important;
}

h2,
a {
  color: var(--gpm-accent) !important;
}

p,
li,
.lead,
.text-gray-600,
.text-gray-700,
.text-slate-600,
.text-slate-700 {
  color: var(--gpm-muted) !important;
}

.text-gray-400,
.text-gray-500,
.text-slate-400,
.text-slate-500,
footer,
footer p,
footer a {
  color: var(--gpm-subtle) !important;
}

a:hover {
  color: #6ee7b7 !important;
}

.product-card,
.highlight,
.affiliate-box,
.bg-white,
.bg-gray-50,
.bg-gray-100,
.bg-slate-50,
.bg-blue-50,
.bg-amber-50 {
  background: var(--gpm-surface) !important;
  color: var(--gpm-text) !important;
  border-color: var(--gpm-border) !important;
}

.glass,
.glass-dark,
.cta-box {
  background: rgba(30, 30, 48, 0.88) !important;
  border-color: var(--gpm-border) !important;
}

.text-amber-800,
.text-blue-800,
.text-slate-800 {
  color: #fde68a !important;
}

input,
select,
textarea {
  background: var(--gpm-surface) !important;
  color: var(--gpm-text) !important;
  border-color: var(--gpm-border) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--gpm-subtle) !important;
}

.ad-slot,
.adsbygoogle {
  background: transparent !important;
}

::selection {
  background: rgba(16, 185, 129, 0.35);
  color: #fff;
}