/**
 * clerk-overrides.css — Override Clerk built-in component styles to match PAASL brand.
 * tokens.css is loaded before this file so all design tokens are available.
 * Load after Clerk so our rules take precedence where needed.
 */
[data-clerk-component] {
  font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.clerk-card,
[class*="clerkCard"] {
  border-radius: var(--radius-sm);
  box-shadow: none;
  border: 1px solid var(--color-border);
}

.clerk-form-button-primary,
[class*="formButtonPrimary"] {
  border-radius: var(--radius-pill) !important;
  font-size: var(--text-base) !important;
}

.clerk-form-field-input,
[class*="formFieldInput"] {
  border-radius: var(--radius-sm) !important;
}