/**
 * Legacy CSS variables for backward compatibility.
 *
 * These were previously defined in button.css and form-element.css.
 * Kept here so existing component CSS can reference them without breaking.
 *
 * @todo Remove after migrating all usages to design tokens.
 */
:root {
  --button-border-radius: var(--radius-xs);
  --button-padding--x: var(--spacing-lg);
  --button-padding--y: var(--spacing-sm);
  --button-padding: var(--button-padding--y) var(--button-padding--x);
  --button-font: var(--typography-label-large);

  --form-control-border-radius: var(--radius-xs);
}