:root{
  color-scheme: dark;
  /* Base — la bóveda. Nunca #000, nunca #fff. */
  --bb-bg:            #141414;
  --bb-bg-band:       #1A1A1A; /* bandas de sección alternas en web pública */
  --bb-bg-elevated:   #1D1D1F;
  --bb-line:          #2E2E30;
  --bb-veil:          rgba(20, 20, 20, 0.72);  /* velo de Dialog */
  --bb-header-veil:   rgba(20, 20, 20, 0.82);  /* nav fija con blur */

  /* Texto */
  --bb-text:          #F2EFE8;
  --bb-text-muted:    #8A8A85;

  /* Escala violeta — UN solo acento con tres valores */
  --bb-violet:        #7C3AED;
  --bb-violet-deep:   #5B21B6;
  --bb-lilac:         #A78BFA;
  --bb-lilac-light:   #DDD6FE;
  --bb-violet-soft:   rgba(124, 58, 237, 0.14);
  --bb-on-accent:     #F2EFE8; /* tinta sobre violeta: estable en ambos temas */
  --bb-accent-line:   var(--bb-lilac); /* acento de trazo sobre fondo: bordes activos, iconos, puntos, marca. 7:1 */

  /* Semánticos — solo funcionales, nunca decorativos */
  --bb-success:       #4ADE80;
  --bb-error:         #F87171;
  --bb-warning:       #FACC15;

  /* Endoso marca madre — exclusivo del cierre "by cosmicchimps" */
  --bb-terracotta:    #E17052;

  /* Alias semánticos */
  --surface-base:     var(--bb-bg);
  --surface-band:     var(--bb-bg-band);
  --surface-card:     var(--bb-bg-elevated);
  --border-default:   var(--bb-line);
  --text-body:        var(--bb-text);
  --text-secondary:   var(--bb-text-muted);
  --text-link:        var(--bb-lilac);
  --text-link-hover:  var(--bb-lilac-light);
  --accent:           var(--bb-violet);
  --accent-on-dark:   var(--bb-lilac);
  --accent-soft:      var(--bb-violet-soft);
  --text-on-accent:   var(--bb-on-accent);

  /* Documentos impresos: siempre claros, independientes del toggle */
  --bb-print-bg:      #FFFDF8;
  --bb-print-text:    #2E2E30;
}