/* Camada de componente (D12). Lê alias; nunca valor bruto, exceto dimensões próprias. */
:root{
  --focus-ring-color:var(--focus-outline);
  --focus-ring-width:2px;
  --focus-ring-offset:2px;

  --button-radius:var(--radius-pill);
  --button-min-height:var(--target-min);
  --button-primary-bg:var(--action-primary-bg);
  --button-primary-text:var(--action-primary-text);
  --button-secondary-border:var(--border-default);

  --field-bg:var(--surface-input);
  --field-border:var(--border-default);
  --field-border-critical:var(--border-critical);
  --field-radius:var(--radius-sm);
  --field-min-height:var(--target-min);

  --checkbox-size:1.25rem;
  --checkbox-radius:var(--radius-xs);
  --checkbox-checked-bg:var(--action-primary-bg);

  --tab-selected-color:var(--link-color);
  --tab-indicator-width:2px;

  --switch-width:2.75rem;
  --switch-height:1.5rem;
  --switch-on-bg:var(--action-primary-bg);
  --switch-off-bg:var(--gray-550);

  --overlay-radius:var(--radius-lg);
  --overlay-bg:var(--surface-card);
  --overlay-shadow:var(--shadow-overlay);

  --skeleton-bg:var(--navy-alpha-12);
}