.wf-front-auth {
  --front-auth-font: var(--wf-font-body, system-ui);
  --front-auth-text: var(--wf-color-text, CanvasText);
  --front-auth-field-bg: var(--wf-color-surface, Field);
  --front-auth-field-border: var(--wf-color-border, ButtonBorder);
  --front-auth-field-text: var(--wf-color-text, FieldText);
  --front-auth-button-bg: var(--wf-color-primary, ButtonFace);
  --front-auth-button-text: var(--wf-color-on-primary, #fff);
  --front-auth-radius: var(--wf-radius, 4px);
  --front-auth-width: 100%;
}
.wf-front-auth[data-fields="filled"] { --front-auth-field-bg: var(--wf-color-background, Field); }
.wf-front-auth[data-fields="square"] { --front-auth-radius: 0; }
.wf-front-auth[data-button="outline"] {
  --front-auth-button-bg: transparent;
  --front-auth-button-text: var(--wf-color-text, CanvasText);
}
.wf-front-auth[data-button="outline"] .efa-primary { border-color: var(--front-auth-field-border); }
.wf-front-auth[data-type="large"] { --front-auth-size: 16px; }
.wf-front-auth[data-density="compact"] { --front-auth-gap: 8px; }
.wf-front-auth[data-density="spacious"] { --front-auth-gap: 18px; }
.wf-front-auth .wf-front-auth__title { margin: 0 0 12px; font: 600 1.25rem/1.3 var(--wf-font-heading, system-ui); }