/* Branding Altius: Rojo + Blanco */
:root {
  --dt-primary: #E63946;           /* Rojo Altius */
  --dt-primary-light: #F48D91;     /* Rojo claro */
  --dt-primary-lighter: #FCE8E9;   /* Rojo muy claro */
  --dt-primary-dark: #A02E38;      /* Rojo oscuro */

  --dt-secondary: #FFFFFF;         /* Blanco */
  --dt-secondary-light: #F8F9FA;   /* Gris muy claro */

  --dt-accent: #E63946;            /* Rojo para acentos */
  --dt-success: #06A77D;           /* Verde (estándar) */
  --dt-warning: #F77F00;           /* Naranja (estándar) */
  --dt-danger: #D62828;            /* Rojo oscuro para peligro */

  --dt-text-primary: #1A1A1A;      /* Gris muy oscuro */
  --dt-text-secondary: #666666;    /* Gris medio */
  --dt-text-light: #999999;        /* Gris claro */

  --dt-border: #E0E0E0;            /* Gris para bordes */
  --dt-bg-primary: #FFFFFF;        /* Fondo blanco */
  --dt-bg-secondary: #F8F9FA;      /* Fondo gris muy claro */

  --dt-shadow: 0 2px 8px rgba(230, 57, 70, 0.1);  /* Sombra con tinte rojo */
}

/* Overrides específicos para Altius */
.brand-primary {
  background-color: var(--dt-primary);
  color: var(--dt-secondary);
}

.brand-button {
  background-color: var(--dt-primary);
  color: var(--dt-secondary);
  border-color: var(--dt-primary);
}

.brand-button:hover {
  background-color: var(--dt-primary-dark);
  border-color: var(--dt-primary-dark);
}

.brand-accent {
  color: var(--dt-primary);
}

.brand-header {
  background-color: var(--dt-primary);
  color: var(--dt-secondary);
}