/* =============================================================================
   ZedWed — CENTRAL AUTH / ONBOARDING THEME  (single source of truth)
   -----------------------------------------------------------------------------
   Every "flow" page that greets the user before they reach the app shell —
   login, password reset, signup/onboarding, email-OTP verification and the AI
   personality questionnaire — shares one visual language:

       · plum → purple page ground
       · frosted, near-white glass card
       · magenta (#bb246b) accent

   These tokens define that language ONCE. The per-page stylesheets
   (auth.css, onboarding.css, verify-otp.css, ai-questionnaire.css) consume them
   instead of re-declaring hex values, so retheming happens here and here only.

   Loaded from the page <head>/content BEFORE its per-page stylesheet. Tokens
   live on :root so they resolve regardless of which wrapper is on the page.
   Per-page rules keep matching-hardcoded fallbacks (var(--token, #literal)) so a
   missed load can never blank out a colour.
============================================================================= */
:root {
  /* ── Palette ─────────────────────────────────────────────────────────── */
  --zw-auth-accent:      #bb246b;   /* primary magenta */
  --zw-auth-accent-dark: #9e1958;   /* hover / pressed */
  --zw-auth-ink:         #28242b;   /* body + heading text on the light card */
  --zw-auth-muted:       #6b6470;   /* secondary text */
  --zw-auth-border:      #e2dce2;   /* hairlines, control borders */

  /* ── Page ground (plum → purple) ────────────────────────────────────────
     -generic  : diagonal wash for a centred single card (verify)
     -desktop  : continuous left→right wash for the split hero layout
     -mobile   : vertical wash so the top reads dark behind a light home link */
  --zw-auth-ground:
    radial-gradient(130% 80% at 12% -5%, rgba(214,31,106,.42), transparent 55%),
    radial-gradient(130% 90% at 105% 108%, rgba(124,80,214,.48), transparent 55%),
    linear-gradient(158deg, #7c2a68 0%, #5a3a86 100%);
  --zw-auth-ground-desktop:
    linear-gradient(110deg, #2a1226 0%, #7c2a68 55%, #912b70 74%, #5a3a86 100%);
  --zw-auth-ground-mobile:
    linear-gradient(180deg, #2a1226 0px, #2a1226 150px, #7c2a68 400px, #912b70 650px, #5a3a86 100%);

  /* ── Frosted glass card ─────────────────────────────────────────────────
     A soft pink→purple sheen over a near-white base, blurred so the ground
     glows through while text stays readable. */
  --zw-auth-card-bg:
    linear-gradient(150deg, rgba(236,120,190,.36) 0%, rgba(200,110,205,.30) 50%, rgba(160,108,224,.34) 100%),
    linear-gradient(150deg, rgba(255,251,254,.82) 0%, rgba(250,244,251,.78) 100%);
  --zw-auth-card-border: rgba(255,255,255,.55);
  --zw-auth-card-shadow: 0 26px 64px rgba(48,14,60,.34), 0 0 0 1px rgba(214,31,106,.06), inset 0 1px 0 rgba(255,255,255,.6);
  --zw-auth-card-blur:   blur(26px) saturate(1.5);
  --zw-auth-card-radius: 24px;

  /* ── Form controls on the frosted card ─────────────────────────────────── */
  --zw-auth-input-bg:           #fff;
  --zw-auth-input-border:       #e2dce2;
  --zw-auth-input-placeholder:  #827985;
  --zw-auth-input-focus-shadow: rgba(187,36,107,.12);   /* #bb246b @ ~12% */

  /* ── Stepper dots (shared by onboarding + questionnaire) ────────────────── */
  --zw-auth-step-idle-bg:     #fff;
  --zw-auth-step-idle-border: #cdb9c8;
  --zw-auth-step-idle-text:   #8a7d88;
  --zw-auth-step-done-bg:     #fbeef4;
  --zw-auth-step-done-border: #e9aac7;

  /* ── Light alert (inline error notice on a light card) ──────────────────── */
  --zw-auth-alert-bg:     #fff1f3;
  --zw-auth-alert-border: #f2ccd3;
  --zw-auth-alert-text:   #a32238;
}