/**
 * CLVR design tokens — shared design language for BIF.
 *
 * Generated from the clvr-design skill: references/tokens.css (shared
 * structural tokens) + references/themes/bif.css (Best Interest Financial).
 * The theme :root block comes last so its palette/fonts win.
 *
 * Enqueued by blocks that opt in (see each block's index.php). Blocks reference
 * var(--clvr-*) with defensive fallbacks. Purely additive — blocks that don't
 * opt in are unaffected.
 *
 * NOTE: fonts are NOT loaded here — --clvr-font / --clvr-font-heading name a
 * font already registered on the site (Poppins).
 */

:root {
  /* -- Structural (shared across all Clever sites) -- */
  --clvr-success:         #0ec18f;
  --clvr-error:           #f44336;
  --clvr-warning:         #ff9800;
  --clvr-info:            #2196f3;
  --clvr-border:          #bfcbde;
  --clvr-border-light:    #e2e8f0;
  --clvr-weight-normal:   400;
  --clvr-weight-semibold: 600;
  --clvr-weight-bold:     700;
  --clvr-radius:          8px;
  --clvr-radius-sm:       4px;
  --clvr-radius-pill:     9999px;
  --clvr-shadow:          0 1px 3px rgba(12, 20, 42, 0.08),
                          0 4px 12px rgba(12, 20, 42, 0.06);
  --clvr-shadow-lg:       0 4px 8px rgba(12, 20, 42, 0.08),
                          0 12px 32px rgba(12, 20, 42, 0.10);
  --clvr-transition:      200ms ease;
  --clvr-content-width:   810px;
  --clvr-wide-width:      1144px;
  --clvr-sp-1:  0.25rem;  --clvr-sp-2:  0.5rem;  --clvr-sp-3:  0.75rem;
  --clvr-sp-4:  1rem;     --clvr-sp-6:  1.5rem;  --clvr-sp-8:  2rem;
  --clvr-sp-10: 2.5rem;   --clvr-sp-12: 3rem;    --clvr-sp-16: 4rem;
}

:root {
  /* -- Theme: Best Interest Financial (BIF), default -- */
  --clvr-blue:            #14244A;
  --clvr-blue-dark:       #0C142A;
  --clvr-orange:          #DBA450;   /* accent / primary CTA */
  --clvr-orange-dark:     #C3862A;
  --clvr-on-accent:       #14244A;   /* navy label on orange — 6.83:1 (white would fail AA) */
  --clvr-btn-radius:      var(--clvr-radius-pill);   /* BIF buttons are pill-shaped */

  --clvr-text:            #22293b;
  --clvr-text-secondary:  #4b698b;
  --clvr-text-muted:      #86a5c6;
  --clvr-text-light:      #bfcbde;
  --clvr-text-inverse:    #ffffff;

  --clvr-bg:              #ffffff;
  --clvr-bg-subtle:       #f5f8fc;
  --clvr-bg-muted:        #f3f5f9;
  --clvr-bg-tint:         #F0F5FA;
  --clvr-bg-neutral:      #f0f0f0;

  --clvr-link:            var(--clvr-orange);
  --clvr-link-hover:      #26aeff;

  --clvr-font:            "Poppins", arial, sans-serif;
  --clvr-font-heading:    "Poppins", arial, sans-serif;
}