:root {
  --bg: #F6F8FB;
  --surface: #FFFFFF;
  --surface-2: #F1F5F9;

  --text: #0F172A;
  --text-muted: #475569;
  --text-subtle: #64748B;

  --border: #E2E8F0;
  --border-strong: #CBD5E1;

  --brand: #22C55E;
  --brand-hover: #16A34A;
  --brand-soft: rgba(34,197,94,0.12);

  --info: #2563EB;
  --warning: #F59E0B;
  --danger: #EF4444;
  --focus: rgba(34,197,94,0.35);
}