/**
 * vh-auth — tokens primitivos (Login/Register).
 * Tipografía: Inter vía alias VHIVHE — PROHIBIDO @font-face Klarheit/Magnific.
 */
:root {
  --vh-auth-font-family: var(--font-family, "Inter", sans-serif);

  --vh-auth-font-size-body: 0.875rem;
  --vh-auth-font-size-label: 0.75rem;
  --vh-auth-font-size-title: 1.875rem;
  --vh-auth-font-size-logo: 2.5rem;
  --vh-auth-font-weight-regular: 400;
  --vh-auth-font-weight-medium: 500;
  --vh-auth-font-weight-semibold: 600;
  --vh-auth-font-weight-bold: 700;
  --vh-auth-line-height-body: 1.5;
  --vh-auth-line-height-title: 1.25;
  --vh-auth-letter-spacing-title: -0.025em;
  --vh-auth-letter-spacing-logo: -1.5px;

  --vh-auth-shell-bg: #ffffff;
  --vh-auth-text-1: #1a1a1a;
  --vh-auth-text-2: #424242;
  --vh-auth-text-3: #616161;
  --vh-auth-text-muted: #737373;
  --vh-auth-accent: #0f172a;
  --vh-auth-accent-hover: #1e293b;
  --vh-auth-border-alpha: rgba(16, 16, 16, 0.05);
  --vh-auth-border-input: rgba(16, 16, 16, 0.1);
  --vh-auth-border-focus: #0f172a;
  --vh-auth-input-bg: #ffffff;
  --vh-auth-input-placeholder: #737373;
  --vh-auth-btn-secondary-bg: #f5f5f5;
  --vh-auth-btn-secondary-hover: #ececec;
  --vh-auth-btn-secondary-active: #e3e3e3;
  --vh-auth-btn-primary-bg: #0f172a;
  --vh-auth-btn-primary-fg: #ffffff;
  --vh-auth-btn-primary-hover: #1e293b;
  --vh-auth-focus-ring: rgba(15, 23, 42, 0.25);

  --vh-auth-alert-error-bg: rgba(255, 222, 204, 0.8);
  --vh-auth-alert-error-fg: #d53232;
  --vh-auth-alert-success-bg: rgba(162, 247, 197, 0.4);
  --vh-auth-alert-success-fg: #009d73;

  --vh-auth-input-h: 2.5rem;
  --vh-auth-btn-h: 2.5rem;
  --vh-auth-radius-lg: 0.5rem;
  --vh-auth-radius-shell: 1rem;
  --vh-auth-form-max: 380px;
  --vh-auth-shell-pad: 0.5rem;
  --vh-auth-main-px: 1.5rem;
  --vh-auth-main-py: 2.5rem;
  --vh-auth-card-gap: 2.25rem;
  --vh-auth-stack-gap: 1.5rem;
  --vh-auth-field-gap: 0.75rem;
  --vh-auth-captcha-min-h: 65px; /* solo cuando Turnstile renderiza iframe visible */
  --vh-auth-breakpoint-lg: 1024px;

  --vh-auth-aside-gradient: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(0, 0, 0, 0.5) 50%,
    rgba(0, 0, 0, 0.95) 100%
  );
}