:root{
  --radius-none: 0px;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 8px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  --radius-button: var(--radius-sm);
  --radius-card: var(--radius-md);
  --radius-device: var(--radius-xl);

  --shadow-card: 0 18px 40px rgba(0,0,0,0.28);
  --shadow-subtle: 0 8px 24px rgba(15,42,56,0.08);

  --border-hairline: 1px;
  --accent-underline: 2px;
  --accent-underline-hover: 3px;
}