:root {
  /* Corners stay precise (§11) — no pill UI, no 24px+ bubbles */
  --radius-xs: 4px;
  --radius-button: 8px;
  --radius-input: 8px;
  --radius-tag: 6px;
  --radius-card: 12px;
  --radius-image: 6px;
  --radius-image-soft: 12px;
  --radius-round: 999px; /* avatars and the logo's gold circle only */

  --border-hairline: 1px; /* @kind spacing */
  --rule-accent: 2px; /* @kind spacing */ /* the gold divider weight, echoing the logo */

  /* Shadows are a last resort — separation comes from space and hairlines */
  --shadow-hairline: 0 0 0 1px var(--border-default);
  --shadow-sm: 0 1px 2px rgba(23, 67, 78, 0.05);
  --shadow-card: 0 2px 12px rgba(23, 67, 78, 0.06);
  --shadow-raised: 0 10px 32px rgba(23, 67, 78, 0.1);
  --shadow-overlay: 0 24px 64px rgba(15, 48, 56, 0.18);
}