/*
 * styles.css — Backward-compat aliases for design-system.css
 * All actual styles live in design-system.css
 *
 * Kept so existing templates that reference these selectors still work
 * until they are updated to use the new structure.
 */

:root {
  /* Legacy aliases */
  --primary-color: var(--primary);
  --secondary-color: var(--gray-400);
  --success-color: var(--success);
  --success-hover: #15803d;
  --warning-color: var(--warning);
  --danger-color: var(--danger);
  --info-color: var(--info);
  --dark-color: var(--gray-800);
  --light-bg: var(--gray-50);
  --card-bg: #fff;
  --border-color: var(--gray-200);
  --muted-color: var(--gray-500);
  --border-radius-sm: var(--radius-sm);
  --border-radius: var(--radius);
  --border-radius-lg: var(--radius-lg);
  /*
   * NÃO redeclarar aqui tokens que já existem em design-system.css
   * (--shadow-*, --transition, --font-sans, --font-heading, --primary-hover).
   * Uma custom property que referencia a si mesma cria um ciclo e, pela spec CSS,
   * torna o token "guaranteed-invalid" — apagando o valor original. Como este
   * arquivo carrega DEPOIS do design-system, isso derrubava sombras, transições,
   * hover do botão primário e a fonte dos títulos em todo o sistema.
   */
}

/* Legacy selectors mapped to design-system */
.corporate-layout { }
.app-header { }
.app-container { }
.page-container { }
.page-header { }
.page-title { font-family: var(--font-heading); font-weight: 600; font-size: 1.5rem; }
.page-subtitle { color: var(--gray-500); font-size: 0.95rem; }