/* Hestia Media Group — Radius, border, elevation tokens
 * Crisp, not pillowy. Prefer 1px borders + background shifts over shadows.
 */
:root {
  /* --- Radius --- */
  --radius-card: 2px; /* cards / inputs */
  --radius-schematic: 0px; /* diagram & schematic frames — always square */
  --radius-pill: 999px; /* status dots / small pills only */

  /* --- Border widths --- */
  --border-w-hairline: 1px; /* default hairline in Grid Line */
  --border-w-accent: 1.5px; /* active / hover / focus states */

  /* --- Elevation (minimal; borders + bg shifts preferred) --- */
  --shadow-none: none;
  --shadow-1: 0 4px 16px rgba(17, 20, 23, 0.06); /* y4 blur16 at 6% ink — use rarely */

  /* --- Focus ring --- */
  --focus-ring: 0 0 0 1.5px var(--paper), 0 0 0 3px var(--system-blue);
}