/*
 Theme Name:   Bullish Child - AmaraWealth IQ
 Theme URI:    https://amarawealth.ai
 Description:  AmaraWealth.ai child theme for Bullish — Backbase-inspired premium dark navy design with blue and cyan accents.
 Author:       AmaraWealth
 Author URI:   https://amarawealth.ai
 Template:     bullish
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  bullish-child-amara
*/

/* ==========================================================================
   AmaraWealth Design Tokens — Backbase-Inspired Premium Dark System
   Deep navy palette + electric cyan accent + Libre Franklin typography
   ========================================================================== */

:root {
  /* ── Viewport Scale (for fluid clamp) ── */
  --aw-vp-min: 20;
  --aw-vp-max: 80;

  /* ── Backgrounds (dark navy, not pure black) ── */
  /* ── Backgrounds — Dark (hero, CTAs, nav) ── */
  --iq-bg-top: #041326;
  --iq-bg-base: #00040a;
  --iq-bg-depth: #041326;

  /* ── Backgrounds — Light (content sections, alternating blocks) ── */
  --iq-bg-light: #f1f3fa;
  --iq-bg-white: #ffffff;
  --iq-bg-light-warm: #f7f8fc;
  --iq-bg-light-blue: #eef2ff;

  /* ── Surface Cards (dark context) ── */
  --iq-glass-fill-light: #0c1f3a;
  --iq-glass-fill-deep: #071a30;
  --iq-raised-card: #112844;

  /* ── Surface Cards (light context) ── */
  --iq-card-light: #ffffff;
  --iq-card-light-hover: #f7f8fc;
  --iq-card-light-border: rgba(0, 0, 0, 0.08);

  /* ── Borders ── */
  --iq-border-soft: rgba(255, 255, 255, 0.08);
  --iq-border-featured: rgba(51, 103, 255, 0.25);
  --iq-divider-line: rgba(255, 255, 255, 0.06);

  /* ── Text (dark-on-dark context) ── */
  --iq-text-primary: #ffffff;
  --iq-text-secondary: #ced2d7;
  --iq-text-muted: #6b7786;

  /* ── Text (light-on-light context) ── */
  --iq-text-dark: #041326;
  --iq-text-dark-secondary: #3a495d;
  --iq-text-dark-muted: #6b7786;

  /* ── Accents — Deep Blue (primary brand) ── */
  --iq-deep-blue: #3367ff;
  --iq-deep-blue-light: #5c85ff;
  --iq-deep-blue-dark: #264dbf;
  --iq-deep-blue-10: #e5ebff;
  --iq-deep-blue-50: #97b1ff;

  /* ── Accents — Electric Cyan (highlight / CTA) ── */
  --iq-electric: #69feff;
  --iq-electric-light: #e9ffff;
  --iq-electric-deep: #4fbfbf;
  --iq-electric-muted: rgba(105, 254, 255, 0.10);
  --iq-electric-border: rgba(105, 254, 255, 0.20);

  /* ── Accents — Fiery Orange (warm accent) ── */
  --iq-orange: #ff503c;

  /* ── Legacy aliases (backward compat — mapped to Backbase palette) ── */
  --iq-soft-gold: #3367ff;       /* → deep-blue */
  --iq-champagne: #69feff;       /* → electric cyan */
  --iq-champagne-gold: #5c85ff;  /* → deep-blue-light */

  /* ── Legacy teal aliases (mapped to electric cyan) ── */
  --iq-teal: #69feff;
  --iq-teal-light: #e9ffff;
  --iq-teal-deep: #4fbfbf;
  --iq-teal-muted: rgba(105, 254, 255, 0.10);
  --iq-teal-border: rgba(105, 254, 255, 0.20);

  /* ── Off-Black Neutral Scale ── */
  --iq-grey-5: #f1f3fa;
  --iq-grey-10: #e1e5eb;
  --iq-grey-30: #ced2d7;
  --iq-grey-50: #9da4ae;
  --iq-grey-70: #6b7786;
  --iq-grey-90: #3a495d;

  /* ── Navigation ── */
  --iq-nav-bg: #020d1c;
  --iq-nav-active: #69feff;
  --iq-nav-inactive: #6b7786;

  /* ── Semantic ── */
  --iq-danger: #c42c1c;
  --iq-success: #26bc71;
  --iq-info: #3367ff;

  /* ── Chart / Data Viz ── */
  --iq-chart-sage: #97b1ff;
  --iq-chart-moss: #5c85ff;
  --iq-chart-deep-sage: #264dbf;
  --iq-chart-ivory: #e9ffff;
  --iq-chart-highlight: #69feff;

  /* ── Progress ── */
  --iq-progress-fill: #3367ff;
  --iq-progress-track: #0c1f3a;

  /* ── Spacing Scale (fluid, Backbase-inspired) ── */
  --iq-space-xs: clamp(0.375rem, 0.375rem + 0.21vw, 0.5rem);
  --iq-space-sm: clamp(0.625rem, 0.625rem + 0.21vw, 0.75rem);
  --iq-space-md: 1rem;
  --iq-space-lg: clamp(1.675rem, 1.675rem + 0.54vw, 2rem);
  --iq-space-xl: clamp(2rem, 2rem + 1.67vw, 3rem);
  --iq-space-2xl: clamp(2.5rem, 2.5rem + 2.5vw, 4rem);
  --iq-space-3xl: clamp(4rem, 4rem + 1.67vw, 5rem);
  --iq-space-4xl: clamp(4rem, 4rem + 5.83vw, 7.5rem);

  /* ── Section Spacing ── */
  --iq-section-sm: clamp(1rem, 1rem + 2.5vw, 2.5rem);
  --iq-section-md: clamp(2rem, 2rem + 0.83vw, 2.5rem);
  --iq-section-lg: clamp(3rem, 3rem + 1.67vw, 4rem);
  --iq-section-xl: clamp(4rem, 4rem + 5.83vw, 7.5rem);
  --iq-section-page-top: 6.25rem;

  /* ── Border Radius (generous, Backbase-inspired) ── */
  --iq-radius-sm: 1rem;
  --iq-radius-md: 1.5rem;
  --iq-radius-lg: 2.5rem;
  --iq-radius-xl: 2.5rem;
  --iq-radius-full: 100vw;

  /* ── Typography ── */
  --iq-font-primary: 'Libre Franklin', 'Trebuchet MS', sans-serif;
  --iq-font-display: 'Libre Franklin', 'Trebuchet MS', sans-serif;
  --iq-font-secondary: 'PP Neue Montreal', 'Arial', sans-serif;

  /* ── Font Sizes (fluid clamp, Backbase scale) ── */
  --iq-text-display: clamp(3rem, 3rem + 0.83vw, 3.5rem);
  --iq-text-h1: clamp(2rem, 2rem + 2.5vw, 3.5rem);
  --iq-text-h2: clamp(1.5rem, 1.5rem + 0.83vw, 2rem);
  --iq-text-h3: 1.5rem;
  --iq-text-h4: clamp(1.1rem, 1.1rem + 0.33vw, 1.3rem);
  --iq-text-h5: 1.1rem;
  --iq-text-h6: clamp(0.9rem, 0.9rem + 0.17vw, 1rem);
  --iq-text-body: 1rem;
  --iq-text-body-lg: clamp(1.063rem, 1.063rem + 0.31vw, 1.25rem);
  --iq-text-body-sm: clamp(0.813rem, 0.813rem + 0.1vw, 0.875rem);
  --iq-text-eyebrow: 0.75rem;

  /* ── Shadows (navy-tinted) ── */
  --iq-shadow-card: 0 2px 8px rgba(0, 4, 10, 0.4);
  --iq-shadow-elevated: 0 8px 32px rgba(0, 4, 10, 0.5), 0 2px 8px rgba(0, 4, 10, 0.3);
  --iq-shadow-blue: 0 0 24px rgba(51, 103, 255, 0.15);
  --iq-shadow-cyan: 0 0 24px rgba(105, 254, 255, 0.15);
  --iq-shadow-teal: 0 0 24px rgba(105, 254, 255, 0.15);
  --iq-shadow-gold: 0 0 24px rgba(51, 103, 255, 0.15); /* legacy alias → shadow-blue */

  /* ── Transitions ── */
  --iq-transition-fast: 150ms ease;
  --iq-transition-base: 300ms ease;
  --iq-transition-slow: 500ms ease;
}