/* Client Auth — Heritage Light
   Scoped to auth/client.html. Authentication and onboarding behavior stay intact. */
html[data-theme="light"] {
.auth-vision {
  --heritage-cream: #f7f0df;
  --heritage-panel: #fffaf0;
  --heritage-soft: #f2e9d5;
  --heritage-green: #50604d;
  --heritage-olive: #697451;
  --heritage-burgundy: #5c2117;
  --heritage-coral: #b45140;
  --heritage-copy: #714234;
  --heritage-muted: #806253;
  --heritage-border: rgba(92, 33, 23, 0.13);
  --bg: var(--heritage-cream);
  --bg-2: var(--heritage-panel);
  --bg-3: var(--heritage-soft);
  --bg-4: #eee3c9;
  --bg-primary: var(--heritage-cream);
  --bg-panel: var(--heritage-panel);
  --bg-surface: var(--heritage-panel);
  --glass: var(--heritage-panel);
  --glass-hover: #fff8ea;
  --border: var(--heritage-border);
  --border-mid: rgba(92, 33, 23, 0.18);
  --border-bright: rgba(92, 33, 23, 0.26);
  --border-glow: rgba(180, 81, 64, 0.42);
  --primary: var(--heritage-coral);
  --primary-dim: #f5dfd5;
  --primary-soft: #f4e2d8;
  --text: var(--heritage-burgundy);
  --text-primary: var(--heritage-burgundy);
  --text-2: var(--heritage-copy);
  --text-3: var(--heritage-muted);
  --text-muted: var(--heritage-muted);
  --text-4: #a48678;
  --text-label: var(--heritage-copy);
  --sb-bg: var(--heritage-cream);
  --sb-surface: var(--heritage-soft);
  --sb-panel: var(--heritage-panel);
  --sb-cyan: var(--heritage-coral);
  --sb-cyan-dim: #f5dfd5;
  --sb-cyan-border: #d6a696;
  --sb-cyan-glow: 0 0 0 3px rgba(180, 81, 64, 0.14);
  --sb-cyan-hover: #9c4435;
  --sb-blue: var(--heritage-coral);
  --sb-gold: #87551e;
  --sb-gold-dim: #f1e0c8;
  --sb-green: var(--heritage-green);
  --sb-border: var(--heritage-border);
  --sb-border-strong: rgba(92, 33, 23, 0.26);
  --sb-text: var(--heritage-burgundy);
  --sb-text-2: var(--heritage-copy);
  --sb-text-muted: var(--heritage-muted);
  --sb-text-on-accent: #fff8e9;
  --sb-overlay-bg: var(--heritage-green);
  --sb-modal-scrim: rgba(92, 33, 23, 0.42);
  --sb-track: #dfd2b9;
}

body.auth-vision { background: var(--heritage-cream) !important; }

/* Existing auth shell */
.auth-vision .aurora-1 { background: radial-gradient(circle, rgba(180, 81, 64, 0.12), transparent 70%) !important; }
.auth-vision .aurora-2 { background: radial-gradient(circle, rgba(105, 116, 81, 0.10), transparent 70%) !important; }
.auth-vision .theme-toggle-btn { background: var(--heritage-panel); border-color: var(--heritage-border); color: var(--heritage-burgundy); box-shadow: 0 4px 14px rgba(92, 33, 23, 0.08); }
.auth-vision .auth-left { background: var(--heritage-green) !important; border-color: rgba(255, 250, 240, 0.16) !important; }
.auth-vision .auth-left::before { background: radial-gradient(circle, rgba(232, 120, 95, 0.20), transparent 65%) !important; filter: none; }
.auth-vision .auth-left::after { background: radial-gradient(circle, rgba(255, 248, 233, 0.12), transparent 65%); filter: none; }
.auth-vision .auth-left .tx-logo-mark { background: #fff8e9; color: var(--heritage-green); border-color: transparent; }
.auth-vision .auth-left .tx-logo-word { color: #fff8e9; }
.auth-vision .auth-left .tx-logo-sub { color: rgba(255, 248, 233, 0.70); }
.auth-vision .auth-eyebrow { color: #fff8e9 !important; background: rgba(255, 248, 233, 0.12); border-color: rgba(255, 248, 233, 0.20); }
.auth-vision .auth-left-title,
.auth-vision .auth-feature strong { color: #fff8e9 !important; }
.auth-vision .auth-left-sub { color: rgba(255, 248, 233, 0.86) !important; }
.auth-vision .auth-feature-icon { background: rgba(255, 248, 233, 0.10) !important; border-color: rgba(255, 248, 233, 0.20) !important; }
.auth-vision .auth-feature-icon svg { stroke: #fff8e9 !important; }
.auth-vision .auth-left-footer { color: rgba(255, 248, 233, 0.72); }
.auth-vision .auth-feature p { color: rgba(255, 248, 233, 0.72) !important; }
.auth-vision .auth-left-footer { border-color: rgba(255, 248, 233, 0.16); }
.auth-vision .auth-right { background: var(--heritage-cream) !important; }
.auth-vision .auth-back-btn { color: var(--heritage-muted); }
.auth-vision .auth-back-btn:hover { color: var(--heritage-burgundy); }

/* Login and sign-up controls */
.auth-vision .auth-pane-header h2 { color: var(--heritage-burgundy) !important; }
.auth-vision .auth-pane-header p,
.auth-vision .form-label,
.auth-vision .auth-toggle-row { color: var(--heritage-copy); }
.auth-vision .form-input { background: var(--heritage-panel) !important; border-color: var(--heritage-border) !important; color: var(--heritage-burgundy) !important; }
.auth-vision .form-input::placeholder { color: #a48678 !important; }
.auth-vision .form-input:hover { border-color: rgba(92, 33, 23, 0.26) !important; }
.auth-vision .form-input:focus { border-color: var(--heritage-coral) !important; box-shadow: 0 0 0 3px rgba(180, 81, 64, 0.18) !important; }
.auth-vision .btn-primary,
.auth-vision .btn-launch,
.auth-vision .btn-ob-next,
.auth-vision .int-connect-btn { background: var(--heritage-coral) !important; color: #fff8e9 !important; border-color: transparent !important; box-shadow: 0 7px 16px rgba(151, 68, 47, 0.17) !important; }
.auth-vision .btn-primary:hover,
.auth-vision .btn-launch:hover,
.auth-vision .btn-ob-next:hover,
.auth-vision .int-connect-btn:hover:not(:disabled) { filter: brightness(0.96); box-shadow: 0 10px 22px rgba(151, 68, 47, 0.22) !important; }
.auth-vision .btn-primary:disabled,
.auth-vision .btn-launch:disabled,
.auth-vision .btn-ob-next:disabled,
.auth-vision .int-connect-btn:disabled { background: #9b796b !important; color: #fff8e9 !important; }
.auth-vision .auth-divider { color: var(--heritage-muted); }
.auth-vision .auth-divider::before,
.auth-vision .auth-divider::after { background: var(--heritage-border); }
.auth-vision .auth-social-btn { background: var(--heritage-panel); border-color: var(--heritage-border); color: var(--heritage-copy); }
.auth-vision .auth-social-btn:hover { background: #fff8ea; border-color: rgba(92, 33, 23, 0.24); color: var(--heritage-burgundy); }
.auth-vision .auth-social-apple svg { color: var(--heritage-burgundy); }
.auth-vision .auth-link,
.auth-vision .auth-toggle-btn { color: var(--heritage-coral) !important; }

/* Dynamic onboarding, modal, and error states retain the same warm system. */
.auth-vision .ob-pip.active .ob-pip-num,
.auth-vision .platform-card.selected { background: #f5dfd5; border-color: #d6a696; box-shadow: 0 0 0 3px rgba(180, 81, 64, 0.10); }
.auth-vision .ob-pip.active .ob-pip-num,
.auth-vision .ob-pip.active .ob-pip-label,
.auth-vision .platform-card.selected .platform-name,
.auth-vision .platform-card.connected .platform-hint,
.auth-vision .ach-secure strong,
.auth-vision .sum-chip { color: var(--heritage-coral); }
.auth-vision .platform-card.selected .platform-check { background: var(--heritage-coral); border-color: var(--heritage-coral); }
.auth-vision .ob-pip.done .ob-pip-num,
.auth-vision .guarantee-icon { background: #e0e9d9; border-color: #a8bb98; color: var(--heritage-green); }
.auth-vision .ob-error,
.auth-vision .int-error-msg { color: #8a3e30; background: #f5dfd5; border-color: #d6a696; }
.auth-vision .int-coming-soon { background: #f1e0c8; border-color: #d2ad74; }
.auth-vision .int-coming-soon p { color: #87551e; }
.auth-vision .int-modal-box { background: var(--heritage-panel); border-color: var(--heritage-border); box-shadow: 0 24px 52px rgba(92, 33, 23, 0.20); }
.auth-vision .int-modal-close { color: var(--heritage-muted); }
.auth-vision .int-modal-close:hover { color: var(--heritage-burgundy); background: var(--heritage-soft); }
.auth-vision .ob-launch-logo,
.auth-vision .ob-launch-msg { color: #fff8e9; }
.auth-vision .ob-launch-logo em { color: #fff8e9; }
.auth-vision .ob-launch-fill { background: var(--heritage-coral); }

.auth-vision a:focus-visible,
.auth-vision button:focus-visible,
.auth-vision input:focus-visible { outline: 3px solid rgba(232, 120, 95, 0.52); outline-offset: 3px; }
}