/* ==========================================================================
   Finax Login — Premium SaaS / Fintech
   ========================================================================== */

:root,
[data-theme="dark"] {
  --finax-primary: #00c65e;
  --finax-primary-hover: #00a84d;
  --finax-primary-dim: #008f42;
  --finax-surface: rgba(28, 36, 44, 0.72);
  --finax-surface-page: #1c242c;
  --finax-surface-muted: rgba(255, 255, 255, 0.04);
  --finax-panel-bg: #101820;
  --finax-panel-glow: rgba(0, 198, 94, 0.06);
  --finax-card-bg: #1c242c;
  --finax-card-border: rgba(255, 255, 255, 0.06);
  --finax-input-bg: rgba(255, 255, 255, 0.03);
  --finax-input-border: rgba(255, 255, 255, 0.08);
  --finax-text: #f1f5f9;
  --finax-text-muted: #64748b;
  --finax-border: rgba(255, 255, 255, 0.08);
  --finax-error: #f87171;
  --finax-hero-url: none;
  --finax-glass: rgba(255, 255, 255, 0.04);
  --finax-glass-border: rgba(255, 255, 255, 0.07);
  --finax-shadow-card: 0 24px 48px -12px rgba(0, 0, 0, 0.55);
  --finax-shadow-input-focus: 0 0 0 3px rgba(0, 198, 94, 0.12),
    0 0 24px rgba(0, 198, 94, 0.08);
  --finax-shadow-btn: 0 0 0 1px rgba(0, 198, 94, 0.14),
    0 4px 14px rgba(0, 198, 94, 0.08);
  --finax-form-column-width: 24rem;
  --finax-control-height: 2.875rem;
  --finax-control-radius: 0.5rem;
  --finax-control-font-size: 1rem;
  --finax-hub-stage-max: 28rem;
}

[data-theme="light"] {
  --finax-primary: #00c65e;
  --finax-primary-hover: #00a84d;
  --finax-primary-dim: #008f42;
  --finax-link-reset: #007a3d;
  --finax-surface: #ffffff;
  --finax-surface-page: #e8edf2;
  --finax-surface-muted: rgba(16, 24, 32, 0.04);
  --finax-panel-bg: #f6f9fc;
  --finax-panel-glow: rgba(0, 198, 94, 0.04);
  --finax-card-bg: #ffffff;
  --finax-card-border: rgba(16, 24, 32, 0.08);
  --finax-input-bg: #ffffff;
  --finax-input-border: rgba(16, 24, 32, 0.1);
  --finax-text: #101820;
  --finax-text-muted: #64748b;
  --finax-border: rgba(16, 24, 32, 0.1);
  --finax-error: #dc2626;
  --finax-glass: rgba(255, 255, 255, 0.72);
  --finax-glass-border: rgba(16, 24, 32, 0.08);
  --finax-shadow-card: 0 16px 40px -12px rgba(16, 24, 32, 0.1);
  --finax-shadow-input-focus: 0 0 0 3px rgba(0, 198, 94, 0.18),
    0 0 16px rgba(0, 198, 94, 0.08);
  --finax-shadow-btn: 0 0 0 1px rgba(0, 198, 94, 0.12),
    0 4px 12px rgba(0, 198, 94, 0.07);
  --finax-form-column-width: 24rem;
  --finax-control-height: 2.875rem;
  --finax-control-radius: 0.5rem;
  --finax-control-font-size: 1rem;
  --finax-hub-stage-max: 28rem;
}

/* --- Base --- */

html {
  height: 100%;
}

.finax-body {
  font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  background-color: var(--finax-surface-page);
  color: var(--finax-text);
  margin: 0;
  min-height: 100dvh;
}