:root {
  --bg-color: #09090b;
  --card-bg: rgba(30, 30, 30, 0.4);
  --card-border: rgba(255, 255, 255, 0.08);
  --text-main: #fafafa;
  --text-muted: #a1a1aa;
  --accent: #4ade80;
  --accent-cyan: #22d3ee;
  --accent-glow: rgba(74, 222, 128, 0.15);
  --brand-gradient: linear-gradient(135deg, #22d3ee, #4ade80);
  --whatsapp: #25d366;
  --heading-color: #fafafa;
  --nav-bg: #09090b;
  --subtle-text: #71717a;
  --separator: #27272a;
  --switcher-bg: rgba(255, 255, 255, 0.03);
  --switcher-active-bg: #fafafa;
  --switcher-active-text: #09090b;
  --input-bg: rgba(255, 255, 255, 0.06);
  --input-border: rgba(255, 255, 255, 0.12);
  --card-img-bg: #18181b;
  --footer-bg: #030303;
  --compliance-bg: #0a0a0a;
  --timeline-line: #27272a;
  --timeline-dot-bg: #09090b;
  --timeline-dot-border: #52525b;
  --card-hover-border: rgba(255, 255, 255, 0.2);
  --card-hover-bg: rgba(40, 40, 40, 0.5);
}

html[data-theme="light"] {
  --bg-color: #fafafa;
  --card-bg: rgba(255, 255, 255, 0.9);
  --card-border: rgba(0, 0, 0, 0.12);
  --text-main: #09090b;
  --text-muted: #52525b;
  --accent: #15803d;
  --accent-cyan: #0891b2;
  --accent-glow: rgba(21, 128, 61, 0.12);
  --brand-gradient: linear-gradient(135deg, #0891b2, #15803d);
  --heading-color: #09090b;
  --nav-bg: #ffffff;
  --subtle-text: #71717a;
  --separator: #d4d4d8;
  --switcher-bg: rgba(0, 0, 0, 0.05);
  --switcher-active-bg: #09090b;
  --switcher-active-text: #fafafa;
  --input-bg: rgba(0, 0, 0, 0.04);
  --input-border: rgba(0, 0, 0, 0.18);
  --card-img-bg: #e4e4e7;
  --footer-bg: #f4f4f5;
  --compliance-bg: rgba(0, 0, 0, 0.02);
  --timeline-line: #d4d4d8;
  --timeline-dot-bg: #fafafa;
  --timeline-dot-border: #a1a1aa;
  --card-hover-border: rgba(0, 0, 0, 0.2);
  --card-hover-bg: rgba(255, 255, 255, 0.95);
}