/* Corners are square. 2px radius exists only on buttons and fields.
   There is no elevation anywhere in this system — no shadow at rest, on hover,
   or on press. The one exception is the nav mega-menu panel, which floats. */
:root{
  --radius-none:0;
  --radius-control:2px;

  --rule-hairline:1px solid var(--border-hairline); /* @kind other */
  --rule-firm:1px solid var(--border-firm); /* @kind other */
  --rule-header:2px solid var(--border-rule); /* @kind other */ /* table/matrix header only */
  --rule-accent:2px solid var(--accent); /* @kind other */      /* one marked clause, max one per section */
  --rule-on-dark:1px solid var(--border-on-dark); /* @kind other */

  --shadow-none:none;
  --shadow-menu:0 12px 24px rgba(24,23,21,0.07); /* nav panel only */

  --focus-ring:2px solid var(--border-focus); /* @kind other */
  --focus-offset:2px; /* @kind spacing */
}