:root{
  --bg: #f7faf9;
  --brand: #0b8457;
  --brand2: #10b981;
  --accent: #0d9488;
  --text: #0f172a;
  --muted: #5b6b63;
  --success: #0b8457;
  --surface: #ffffff;
  --border: #e6ece9;
  --card: #ffffff;
  --font-sans: 'system-ui', system-ui, -apple-system, sans-serif;
  --font-serif: 'system-ui', Georgia, serif;
  color-scheme: light dark;
}
:root[data-theme="dark"]{
  --bg: #0b1220;
  --brand: #0b8457;
  --brand2: #10b981;
  --accent: #0d9488;
  --text: #e6edf3;
  --muted: #9aa7b2;
  --success: #0b8457;
  --surface: color-mix(in srgb, var(--text) 6%, transparent);
  --border: color-mix(in srgb, var(--text) 14%, transparent);
  --card: color-mix(in srgb, var(--text) 5%, var(--bg));
}
:root[data-theme="light"]{
  --bg: #f7faf9;
  --brand: #0b8457;
  --brand2: #10b981;
  --accent: #0d9488;
  --text: #0f172a;
  --muted: #5b6b63;
  --success: #0b8457;
  --surface: #ffffff;
  --border: #e6ece9;
  --card: #ffffff;
}