:root{
  /* Softly rounded: controls 8px, cards 12px, panels 16px, blocks 24px. */
  --radius-xs:6px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:24px;
  --radius-pill:999px;
  --radius-none:0px;

  --border-width:1px;
  --border-width-strong:2px;
  --border-dashed:1px dashed var(--rule-strong);
  --rule-line:1px solid var(--rule);
  --rule-line-control:1px solid var(--rule-strong);
  --rule-line-strong:1px solid var(--ink);
  --rule-line-inverse:1px solid var(--ink-3);
  --seg-top:2px solid var(--ink);

  /* Soft, low-contrast elevation. Cards rest flat with a hairline; hover adds depth. */
  --shadow-none:none;
  --shadow-xs:0 1px 2px rgba(11,12,14,.05);
  --shadow-card:0 1px 2px rgba(11,12,14,.04),0 4px 12px rgba(11,12,14,.05);
  --shadow-hover:0 2px 4px rgba(11,12,14,.04),0 12px 28px rgba(11,12,14,.10);
  --shadow-pop:0 4px 8px rgba(11,12,14,.04),0 20px 44px rgba(11,12,14,.14);
  --shadow-column-divider:-1px 0 0 var(--rule);
  --blur-nav:blur(12px); /* @kind other */
  --scrim-nav:rgba(255,255,255,.88);
}