/* Inbound Hunters — B2B Sales System design tokens
   Enqueue this before the plugin's widget stylesheet.
   Values are exact and taken from the approved design. Do not substitute. */

:root {
  /* Brand */
  --ih-navy:            #0a0f4d;
  --ih-navy-hover:      #141c66;
  --ih-purple:          #5e17eb;
  --ih-purple-hover:    #4611b5;
  --ih-purple-bg:       #f2edff;
  --ih-purple-tint:     #f1f0ff;
  --ih-purple-surface:  #faf9ff;
  --ih-purple-border:   #ddd9ef;
  --ih-mint:            #7dffbe;
  --ih-mint-on:         #052b19;
  --ih-periwinkle:      #8b9bff;
  --ih-periwinkle-lt:   #a8b0e0;
  --ih-lavender:        #c3caf0;
  --ih-lavender-lt:     #dbe0f7;

  /* Surfaces */
  --ih-page-bg:         #fdfcfb;
  --ih-section-alt:     #f6f5f2;
  --ih-section-alt-bd:  #eae7e0;
  --ih-card-bg:         #ffffff;
  --ih-card-bg-subtle:  #fbfbfd;
  --ih-card-border:     #dfe2ee;
  --ih-card-border-lt:  #efece6;
  --ih-logo-plate-bd:   #eceef5;
  --ih-logo-grid-bd:    #e8e6f0;

  /* Text */
  --ih-text:            #2a2e45;
  --ih-text-muted:      #3a3f57;
  --ih-text-light:      #4a4f6b;
  --ih-label:           #5d6280;  /* 5.47:1 — do not lighten */

  /* Semantic */
  --ih-success:         #16693f;
  --ih-success-bg:      #e8f5ee;
  --ih-success-border:  #a8ddc0;
  --ih-danger:          #c0392b;
  --ih-danger-dark:     #a3241c;
  --ih-danger-bg:       #fdecea;
  --ih-danger-border:   #f5c6c2;
  --ih-blue:            #0a63c9;  /* organization-case accent */
  --ih-amber:           #ffd166;  /* assessment mid band */
  --ih-coral:           #ff8f7a;  /* assessment low band */

  /* Forms */
  --ih-input-border:    #cdd2e2;
  --ih-placeholder:     #a0a6c0;

  /* Type */
  --ih-font: 'IBM Plex Sans', -apple-system, 'Segoe UI', sans-serif;

  /* Radius */
  --ih-r-xs:  4px;
  --ih-r-sm:  7px;
  --ih-r-md:  10px;
  --ih-r-plate: 12px;
  --ih-r-lg:  14px;
  --ih-r-xl:  16px;
  --ih-r-2xl: 18px;
  --ih-r-3xl: 22px;
  --ih-r-pill: 999px;

  /* Layout */
  --ih-wrap-landing: 1240px;
  --ih-wrap-cases:   1180px;
  --ih-wrap-pad:     28px;
  --ih-wrap-pad-sm:  20px;
  --ih-sec-pad:      86px;
  --ih-sec-pad-cases: 76px;
  --ih-sec-pad-sm:   60px;
}

/* Focus state — applies everywhere */
:focus-visible { outline: 3px solid var(--ih-mint); outline-offset: 2px; }

/* No shadows anywhere in this design. Depth comes from borders and
   background contrast. The only blur is the sticky header/bottom bar. */

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}