/* Borders, radii and depth. Edgewood is a hairline system: rules, not boxes.
   Corners are square; shadow is nearly absent. */
:root{
--radius-none:0;
--radius-sm:2px;      /* the most any interface control ever takes */
--radius-pill:999px;  /* avatars and the monogram roundel only */

--border-hairline:1px solid var(--rule-hairline);
--border-hairline-strong:1px solid var(--rule-hairline-strong);
--border-accent:1px solid var(--rule-accent);
--border-on-green:1px solid var(--rule-on-green);
--border-mat:10px solid var(--surface-mat);   /* photographic plate matting */
--border-width-rule:1px;
--border-width-accent-rule:1.5px;

--shadow-none:none;
--shadow-plate:0 1px 2px rgba(20,56,42,.06);       /* a card lifted off ivory */
--shadow-raised:0 2px 10px rgba(20,56,42,.08);     /* menus, dialogs only */
--shadow-inset-hairline:inset 0 0 0 1px var(--rule-hairline);

--blur-scrim:blur(6px); /* @kind other */
--scrim-green:linear-gradient(to top,rgba(20,56,42,.72),rgba(20,56,42,0)); /* @kind other */
--scrim-ink:linear-gradient(to top,rgba(32,31,29,.55),rgba(32,31,29,0)); /* @kind other */
}