:root{
/* Corners are square. The brand's roundness comes from organic shapes,
   not from radii. Pills are used only for small chips. */
--radius-none:0;
--radius-xs:2px;
--radius-sm:4px;
--radius-pill:999px;

/* Borders */
--border-hairline:1px solid var(--line-hairline);
--border-strong:1px solid var(--line-strong);
--border-inverse:1px solid var(--line-on-inverse);
--rule-height:1px; /* @kind spacing */

/* No drop shadows anywhere in this brand. */
--shadow-none:none;

/* Brand assets — pre-tinted PNGs (CSS masks are unreliable in some engines) */
--asset-squiggle:url("../assets/motif-squiggle.png"); /* @kind other */
--asset-squiggle-clay:url("../assets/motif-squiggle-clay.png"); /* @kind other */
--asset-squiggle-olive:url("../assets/motif-squiggle-olive.png"); /* @kind other */
--asset-squiggle-terracotta:url("../assets/motif-squiggle-terracotta.png"); /* @kind other */
--asset-glaze:url("../assets/shape-organic-glaze.png"); /* @kind other */
--asset-glaze-sage:url("../assets/shape-organic-glaze-sage.png"); /* @kind other */
--asset-glaze-clay:url("../assets/shape-organic-glaze-clay.png"); /* @kind other */
--asset-glaze-terracotta:url("../assets/shape-organic-glaze-terracotta.png"); /* @kind other */
--asset-glaze-cream:url("../assets/shape-organic-glaze-cream.png"); /* @kind other */
--asset-wordmark:url("../assets/wordmark-dark.png"); /* @kind other */
--asset-wordmark-cream:url("../assets/wordmark-cream.png"); /* @kind other */
--asset-wordmark-olive:url("../assets/wordmark-olive.png"); /* @kind other */

/* Organic blob masks — CSS stand-ins when the PNG glaze shape is too literal */
--blob-a:58% 42% 47% 53%/44% 38% 62% 56%; /* @kind radius */
--blob-b:44% 56% 63% 37%/52% 47% 53% 48%; /* @kind radius */
}