/* Verena program: color, surfaces, shadows, shape. Load after shared-marketing-rhythm.css (canonical copy lives in iai-website).
   Light theme — Invictus corporate color scheme (#423ba5 indigo primary). */
:root {
  --verena-canvas: #fcfcfd;
  --canvas: #fcfcfd;
  --bg-app: #ffffff;
  --surface: #fcfcfd;
  --elevated: #ffffff;
  --border: rgba(24, 15, 26, 0.12);
  --border-strong: #d8d6e8;
  --text: #180f1a;
  --text-secondary: rgba(24, 15, 26, 0.72);
  --text-muted: rgba(13, 13, 13, 0.52);
  --primary: #423ba5;
  --primary-hover: #232366;
  --cta-text: #efebf5;
  --error: #d92d20;
  --success: #0d7a4f;
  --font-h: "Raleway", system-ui, sans-serif;
  --font-body: "Open Sans", system-ui, sans-serif;
  --focus-ring: rgba(66, 59, 165, 0.45);
  --focus-ring-strong: rgba(66, 59, 165, 0.55);
  --header-bg: rgba(252, 252, 253, 0.72);
  --zone1-hero-tint: rgba(66, 59, 165, 0.07);
  --scroll-glow-inner: rgba(66, 59, 165, 0.18);
  --scroll-glow-outer: rgba(66, 59, 165, 0.05);
  --card-mock-bg: #ffffff;
  --card-mock-border: rgba(24, 15, 26, 0.08);
  --card-mock-text: #180f1a;
  --card-mock-muted: rgba(13, 13, 13, 0.52);
  --card-mock-line: rgba(24, 15, 26, 0.06);
  --card-mock-total-border: rgba(24, 15, 26, 0.08);
  --card-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  --card-shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.1);
  --card-purple-glow: rgba(66, 59, 165, 0.075);
  /* Hero pricing: highlight one tier as recommended (primary family, WCAG-friendly on card bg). */
  --pricing-recommended-border: rgba(66, 59, 165, 0.38);
  --pricing-recommended-glow: rgba(66, 59, 165, 0.1);
  /* Light banner + primary label (reference: soft strip, not a solid purple block). */
  --pricing-recommended-pill-bg: rgba(66, 59, 165, 0.08);
  --pricing-recommended-pill-text: #423ba5;
  --pricing-recommended-pill-border: rgba(66, 59, 165, 0.32);
  /* Ghost CTAs: border + text accent; hover adds subtle fill (reduces solid purple buttons). */
  --pricing-cta-ghost-bg: transparent;
  --pricing-cta-ghost-border: rgba(66, 59, 165, 0.4);
  --pricing-cta-ghost-text: #423ba5;
  --pricing-cta-ghost-hover-bg: rgba(66, 59, 165, 0.08);
  --pricing-cta-ghost-hover-border: #232366;
  --pricing-cta-ghost-hover-text: #232366;
  /* #verena-plans: feature row checkmarks — primary family, softer than CTAs (readable on card mock bg). */
  --pricing-feature-check: rgba(66, 59, 165, 0.92);
  /* #verena-plans: middle tier — quiet primary tint on card edge (no glow). */
  --pricing-plan-featured-border: rgba(66, 59, 165, 0.28);
  --oauth-border: rgba(24, 15, 26, 0.12);
  --oauth-bg-hover: rgba(0, 0, 0, 0.04);
  --oauth-border-hover: rgba(24, 15, 26, 0.18);
  --divider-line: rgba(24, 15, 26, 0.1);
  --scroll-pricing-micro: rgba(24, 15, 26, 0.72);
  --scroll-pricing-tokens-micro: rgba(13, 13, 13, 0.52);
  --digest-card-border: rgba(24, 15, 26, 0.1);
  --digest-card-bg: rgba(255, 255, 255, 0.85);
  --digest-card-text: rgba(24, 15, 26, 0.88);
  --digest-title-color: #423ba5;
  --digest-lede-color: rgba(24, 15, 26, 0.78);
  --digest-strong-color: rgba(24, 15, 26, 0.92);
  --digest-row-border: rgba(24, 15, 26, 0.08);
  --digest-row-label: rgba(24, 15, 26, 0.72);
  --digest-row-val: rgba(24, 15, 26, 0.92);
  --digest-block-title: rgba(24, 15, 26, 0.95);
  --digest-list-color: rgba(24, 15, 26, 0.78);
  --journey-note-color: rgba(13, 13, 13, 0.52);
  --btn-journey-secondary-text: rgba(24, 15, 26, 0.88);
  --btn-journey-secondary-border: rgba(24, 15, 26, 0.14);
  --btn-journey-secondary-hover-bg: rgba(0, 0, 0, 0.04);
  --radius-zone1-hero-shell: clamp(28px, 5vw, 40px);
  --radius-zone1-hero-control: 14px;
  --zone1-hero-card-pad: var(--space-4);
  --zone1-hero-control-height: var(--size-control-lg);
  --zone1-hero-stack-gap: var(--space-2-25);
  --zone1-hero-foot-gap: var(--space-3);
  --zone1-hero-card-max: 520px;
  --font-ui-chrome: var(--text-nav-size-md);
  --pad-kpa-y: 9px;
  --pad-kpa-x: var(--space-2-25);
  --hit-min: var(--size-nav-toggle);
  --text-ui-lh: var(--line-height-micro);
}

.hiw-chat-demo {
  --hiw-bubble-agent-bg: #eeeef4;
  --hiw-bubble-agent-border: #d8d6e8;
  --hiw-bubble-user-bg: var(--primary);
  --hiw-bubble-user-text: #efebf5;
  --hiw-skeleton-bg: #f4f4f8;
  --hiw-skeleton-border: #d8d6e8;
  --hiw-sk-line-bg: rgba(24, 15, 26, 0.1);
  --hiw-profile-badge-bg: #eeeef4;
  --hiw-profile-badge-border: #d8d6e8;
  --hiw-profile-row-divider: rgba(24, 15, 26, 0.1);
  --hiw-profile-foot-divider: rgba(24, 15, 26, 0.1);
}

.site-header {
  backdrop-filter: saturate(180%) blur(20px);
}