:root {
  --radius-xs: 8px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-pill: 100px;

  /* Semantic aliases */
  --radius-input: var(--radius-xs);
  --radius-card: var(--radius);
  --radius-panel: var(--radius-lg);
  --radius-control: var(--radius-pill);

  /* Elevation — there are only three real shadows in the brand. */
  --shadow-glass: 0 8px 32px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.04);
  --shadow-lift: 0 10px 30px rgba(0, 0, 0, 0.06);
  --shadow-hover: 0 18px 44px rgba(0, 0, 0, 0.08);
  --shadow-cover: 0 4px 16px rgba(0, 0, 0, 0.12);
  --shadow-accent: 0 10px 30px var(--accent-veil);

  --blur-glass: 18px; /* @kind other */
  --blur-nav: 20px; /* @kind other */
  --blur-rack: 24px; /* @kind other */
}