/* Statusbond marketing site tokens. Fonts: Google Fonts, Bricolage Grotesque (700, 800), Red Hat Display (400–700), JetBrains Mono (500). */
:root{
  /* color */
  --sb-ink:#0e1318;        /* text, site buttons, dark band */
  --sb-ink-hover:#2a3038;
  --sb-slate:#5b6370;      /* secondary text (4.5:1 on white and #f4f5f7) */
  --sb-mute:#8a929c;       /* decorative numbers only, never body text */
  --sb-line:#e6e8ec;       /* hairlines, card borders */
  --sb-white:#ffffff;
  --sb-surface:#f4f5f7;    /* alternate section bg, story cards */
  --sb-surface-2:#eef0f3;  /* hero product stage */
  --sb-violet:#7d2ae8;     /* product action (Add to design), With Statusbond card, eyebrows, step numbers */
  --sb-violet-hover:#6a1fd0;
  --sb-violet-soft:#f1e9ff;/* selected row in app panel */
  --sb-teal-light:#9fe6ea; /* link hover on dark band */
  --sb-reel-gradient:linear-gradient(165deg,#00c4cc 0%,#3f6ff0 50%,#7d2ae8 100%); /* reel asset only */
  /* avatar placeholder: violet figure on violet-soft circle, 2px white ring on dark (assets/avatar.svg) */
  /* status dots: use exactly */
  --sb-status-coming-soon:#0a9aa2;
  --sb-status-active:#1f9d55;
  --sb-status-open-house:#2b6be6;
  --sb-status-price-change:#7d2ae8;
  --sb-status-pending:#c98400;
  --sb-status-sold:#0e1318;
  --sb-status-back-on-market:#d8435b;
  /* type */
  --sb-font-display:"Bricolage Grotesque",system-ui,sans-serif;
  --sb-font-body:"Red Hat Display",system-ui,sans-serif;
  --sb-font-mono:"JetBrains Mono",ui-monospace,monospace;
  --sb-h1:800 clamp(46px,7vw,76px)/1.0 var(--sb-font-display);   /* letter-spacing -0.035em */
  --sb-h2:800 clamp(34px,4.6vw,50px)/1.04 var(--sb-font-display);/* letter-spacing -0.03em */
  --sb-h3:800 26px/1.1 var(--sb-font-display);                   /* letter-spacing -0.02em; steps use 24px/1.15 */
  --sb-lede:400 clamp(18px,1.8vw,21px)/1.55 var(--sb-font-body);
  --sb-body:400 18px/1.55 var(--sb-font-body);
  --sb-small:400 17px/1.55 var(--sb-font-body);
  --sb-eyebrow:500 13px var(--sb-font-mono);                     /* uppercase, letter-spacing .08em */
  --sb-button:700 17px var(--sb-font-body);                      /* nav button 15px */
  /* layout */
  --sb-max:1120px;
  --sb-gutter:24px;
  --sb-section-y:clamp(72px,10vw,120px);
  --sb-nav-h:64px;
  /* radius */
  --sb-r-pill:999px;
  --sb-r-stage:24px;  /* hero stage, story cards */
  --sb-r-card:20px;   /* round-trip cards */
  --sb-r-ui:16px;     /* app panel, hero design */
  --sb-r-input:10px;
  --sb-r-print:4px;   /* flyer; postcard 6px; sign 6px */
  /* shadow */
  --sb-shadow-ui:0 1px 2px rgba(14,19,24,.08),0 24px 56px rgba(14,19,24,.12);
  --sb-shadow-asset:0 20px 44px rgba(14,19,24,.16);
  --sb-shadow-print:0 16px 36px rgba(14,19,24,.14);
  --sb-shadow-action:0 6px 16px rgba(125,42,232,.3);
}