/* wealthAPI brand tokens — lifted from designs/landing-page/assets/colors_and_type.css
   Loaded once per page when an [ai_landing] shortcode is present.
   Google Fonts (Inter 400/500/600/700) is enqueued separately by the plugin. */

:root {
  --wa-violet:           #7C7DF2;
  --wa-violet-deep:      #6D67D6;
  --wa-black:            #263240;
  --wa-white:            #ffffff;
  --wa-cyan:             #13ADDF;
  --wa-cyan-bright:      #18C2F9;
  --wa-bg-light:         #F8F8FD;
  --wa-bg-dark:          #263240;

  --wa-violet-50:  #ECEFFE;
  --wa-violet-100: #DCE0FD;
  --wa-violet-200: #C5C9FB;
  --wa-violet-300: #9499FD;
  --wa-violet-400: #7C7DF2;
  --wa-violet-500: #6D67D6;
  --wa-violet-600: #5C53BE;
  --wa-violet-700: #463D9C;
  --wa-violet-800: #2F2972;

  --wa-cyan-50:  #DBFDFE;
  --wa-cyan-100: #B8F6FD;
  --wa-cyan-200: #7EE6FA;
  --wa-cyan-300: #18C2F9;
  --wa-cyan-400: #13ADDF;
  --wa-cyan-500: #0783AA;
  --wa-cyan-600: #05657F;
  --wa-cyan-700: #145067;

  --wa-neutral-0:    #FFFFFF;
  --wa-neutral-50:   #F8F8FD;
  --wa-neutral-100:  #F2F2F2;
  --wa-neutral-200:  #EBEDF5;
  --wa-neutral-300:  #E4E9F1;
  --wa-neutral-400:  #C9D0DA;
  --wa-neutral-500:  #A8B0BD;
  --wa-neutral-600:  #8A93A5;
  --wa-neutral-700:  #737E93;
  --wa-neutral-800:  #6C7889;
  --wa-neutral-900:  #667085;
  --wa-neutral-1000: #2A2E33;
  --wa-neutral-1100: #263240;

  --wa-success:      #227722;
  --wa-success-soft: #E6F4E6;
  --wa-danger:       #851F41;
  --wa-danger-soft:  #FBE8EE;
  --wa-warning:      #C77700;
  --wa-warning-soft: #FFF4E0;
  --wa-info:         #3269E3;
  --wa-info-soft:    #E7EEFC;

  --wa-ink:         #0F142D;
  --wa-ink-2:       #374151;
  --wa-muted:       #6B7280;
  --wa-line:        #E6E7EE;
  --wa-pink-accent: #E9B4FF;
  --wa-lime:        #C7F26A;
  --wa-dark-1:      #0A1220;
  --wa-dark-2:      #0E1523;
  --wa-dark-3:      #0D0F1F;
  --wa-dark-4:      #1A2230;  /* Lighter dark surface — section bg gradient start (data-hero) */

  --wa-gold:              #FFD27A;  /* Gold accent — eyebrow dots, headline gradient, compass ticks */
  --wa-lavender:          #B89BFF;  /* Lavender — compass ticks, decorative */
  --wa-sky:               #6BD3FF;  /* Sky blue — compass tick south, accent gradient */
  --wa-violet-warm-1:     #8978E8;  /* Warm violet gradient band 1 — newsletter widget bg */
  --wa-violet-warm-2:     #7166D8;  /* Warm violet gradient band 2 — newsletter widget bg */
  --wa-violet-warm-3:     #5F55C5;  /* Warm violet gradient band 3 — newsletter widget bg */
  --wa-green:             #34D27E;  /* Live/status green — hub indicator, data-pipeline dots */

  /* v0.9.8 — FiDA Middleware section */
  --wa-dark-5:     #0F1520;  /* Deep dark base — FiDA section bg gradient end */
  --wa-dark-slate: #2A3445;  /* Slate mid-layer — FiDA section bg radial overlay */

  /* v0.9.7 — Pricing configurator widget */
  --wa-cream:          #F4F2EE;  /* Warm cream — pricing widget section background */
  --wa-panel-navy:     #1A1F4A;  /* Blue-purple radial gradient stop — pricing summary panel */
  --wa-panel-purple:   #3C1F58;  /* Warm purple radial gradient stop — pricing summary panel */
  --wa-panel-dark-end: #1A0F38;  /* Deep purple linear gradient end — pricing summary panel */

  --wa-fg-1:      var(--wa-ink);
  --wa-fg-2:      var(--wa-ink-2);
  --wa-fg-3:      var(--wa-muted);
  --wa-fg-invert: var(--wa-white);
  --wa-bg-1:      var(--wa-white);
  --wa-bg-2:      var(--wa-bg-light);
  --wa-border-1:  var(--wa-line);
  --wa-border-2:  var(--wa-neutral-400);

  --wa-shadow-xs:    0 1px 2px 0 rgba(30,39,50,0.06);
  --wa-shadow-sm:    0 1px 3px 0 rgba(30,39,50,0.10), 0 1px 2px -1px rgba(30,39,50,0.08);
  --wa-shadow-md:    0 4px 8px -2px rgba(30,39,50,0.12), 0 2px 4px -2px rgba(30,39,50,0.08);
  --wa-shadow-lg:    0 12px 20px -4px rgba(30,39,50,0.16), 0 4px 8px -2px rgba(30,39,50,0.08);
  --wa-shadow-card:  0 30px 60px -30px rgba(15,20,45,.25);
  --wa-shadow-small: 0 10px 30px -10px rgba(15,20,45,.2);
  --wa-shadow-focus: 0 0 0 3px rgba(124, 125, 242, 0.24);

  --wa-radius-xs:   2px;
  --wa-radius-sm:   4px;
  --wa-radius-md:   6px;
  --wa-radius-lg:   8px;
  --wa-radius-xl:   12px;
  --wa-radius-2xl:  16px;
  --wa-radius-3xl:  18px;
  --wa-radius-pill: 999px;

  --wa-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --wa-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  --wa-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --wa-ease-out:      cubic-bezier(0.33, 1, 0.68, 1);
  --wa-dur-fast:      120ms;
  --wa-dur-med:       200ms;
  --wa-dur-slow:      320ms;
}

/* Shared baseline applied to every AI-generated section wrapper.
   Scope: any direct .wa-section on a page. Keeps theme globals from
   bleeding into our layouts. */
.wa-section,
.wa-section * {
  box-sizing: border-box;
}
.wa-section {
  font-family: var(--wa-font-sans);
  color: var(--wa-fg-1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-ligatures: common-ligatures;
}
.wa-section h1, .wa-section h2, .wa-section h3,
.wa-section h4, .wa-section h5, .wa-section h6 {
  margin: 0;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: inherit;
}
.wa-section p        { margin: 0; }
.wa-section ul,
.wa-section ol       { margin: 0; padding: 0; list-style: none; }
.wa-section a        { color: inherit; text-decoration: none; }
.wa-section button   { background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; }
.wa-section img,
.wa-section svg      { display: block; max-width: 100%; }
.wa-section em       { font-style: normal; }
.wa-section b,
.wa-section strong   { font-weight: 700; }