:root {
  --bg: #f2f4f7;
  --bg-elevated: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #f8fafc;
  --bg-kela: #e8eef6;
  --charcoal: #e2e8f0;
  --border: rgba(15, 23, 42, 0.08);
  --border-strong: rgba(15, 23, 42, 0.14);

  --brand: #2f9e44;
  --brand-dark: #237a34;
  --brand-light: #51cf66;
  --brand-muted: rgba(47, 158, 68, 0.12);

  --gold: var(--brand);
  --gold-light: var(--brand-light);
  --gold-dark: var(--brand-dark);
  --gold-muted: var(--brand-muted);

  --text: #0f172a;
  --text-muted: rgba(15, 23, 42, 0.62);
  --text-dim: rgba(15, 23, 42, 0.42);

  --green: #2f9e44;
  --green-glow: rgba(47, 158, 68, 0.35);
  --user-blue: #2b8cee;
  --user-blue-soft: rgba(43, 140, 238, 0.22);
  --kela-blue: #0053a0;
  --inva-blue: #1c7ed6;
  --paari-purple: #7950f2;

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 999px;

  --shadow-card: 0 4px 24px rgba(15, 23, 42, 0.08);
  --shadow-sheet: 0 -8px 32px rgba(15, 23, 42, 0.12);
  --shadow-gold: 0 0 20px rgba(47, 158, 68, 0.12);

  --font: 'DM Sans', system-ui, -apple-system, sans-serif;
  --header-h: 56px;
  --sheet-peek: 52%;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --max-w: 480px;
}