/* Damos en el Blanco — radius & borders
   The brand reads sharp and architectural: mostly square, small radii only
   where a control needs softening. Pills reserved for tags/toggles. */
:root {
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-xl: 22px;
  --radius-pill: 999px;

  --border-width: 1px;
  --border-width-thick: 2px;

  /* Brand defaults: controls square-ish, surfaces barely rounded */
  --radius-control: var(--radius-sm);
  --radius-surface: var(--radius-md);
}