:root{
  /* Symbia is a SQUARE system. Buttons, cards, sections and bands have NO radius.
     4px exists only on chips; 50% only on dots and social buttons. */
  --radius-none:0;
  --radius-chip:4px;
  --radius-round:50%;

  --border-width:1px;
  --border-button:1.5px;      /* outline button */
  --rule-nav:2px;             /* red rule running behind the header */
  --rule-wordmark:4.63px;     /* red rule inside the logo lockup, at 933.97 viewBox scale */

  --border-card:1px solid var(--border-hairline);
  --border-divider:1px solid var(--border-hairline);

  /* dot sizes used as list bullets and status marks */
  --dot-sm:5px;--dot-md:6px;--dot-lg:7px;
  --icon-tile:44px;
  --icon-size:26px;
  --icon-size-sm:20px;
  --icon-size-xs:17px;
  --social-button:36px;
  --icon-stroke:1.8;
  --icon-stroke-light:1.5;
}