/* Theme: Blue (default) */
:root{
  /* Brand palette */
  --brand:#2563EB; --brand-600:#2563EB; --brand-700:#1D4ED8; --brand-500:#3B82F6; --brand-400:#60A5FA; --brand-300:#93C5FD;
  --brand-800:#1E429F; --brand-900:#1E3A8A;
  --brand-pastel-100:#EFF6FF; --brand-pastel-200:#DBEAFE; --brand-pastel-300:#BFDBFE; --brand-pastel-400:#93C5FD;

  /* Accent: red */
  --accent-red:#ff3b3b; --accent-red-light:#ff6b6b; --accent-red-pastel:#ffe0e0;

  /* Accent: error */
  --error:#DC2626; --error-light:#ef4444; --error-bg:#FEE2E2; --error-border:#FECACA; --error-dark:#991b1b;

  /* Accent: success */
  --success:#10b981; --success-dark:#16A34A; --success-bg:#f0fdf4; --success-border:#bbf7d0;

  /* Accent: warning */
  --warning:#FBBF24; --warning-dark:#f59e0b;

  /* Text & UI */
  --text:#0f172a; --text-secondary:#344054; --text-tertiary:#475467;
  --muted:#64748b; --muted-light:#98a2b3; --muted-lighter:#6B7280;
  --bg:#ffffff; --surface:#ffffff; --surface-2:#f8fafc; --surface-3:#f2f4f7; --surface-4:#f8f9fa;
  --border:#e5e7eb; --border-light:#e4e7ec; --border-muted:#d0d5dd; --border-dark:#D1D5DB;

  /* CTA gradient */
  --blue-500:#3F83F8; --blue-800:#1E429F;

  /* Shadows */
  --shadow:0 1px 2px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.06);

  /* Logo */
  --logo-text-color:#1e293b; --logo-subtitle-color:#64748b;
}