/* =============================================================
   TEMA B — "Atlas"
   Industrial y denso: petróleo profundo, acento oliva, esquinas
   rectas, densidad compacta, titulares en monoespaciada.
   -------------------------------------------------------------
   Opuesto a Meridian en los cuatro ejes que importan: temperatura
   de color, radio, tipografía y densidad. Si el dashboard se ve
   correcto con ambos en claro Y en oscuro, el bridge está completo.
   ============================================================= */

:root {
  /* Marca */
  --brand-primary:      #00637f;
  --brand-primary-rgb:  0, 99, 127;
  --brand-secondary:    #5a6b73;
  --brand-accent:       #7d8f14;

  /* Superficies (claro) */
  --brand-surface:      #ffffff;
  --brand-surface-alt:  #e9eef1;
  --brand-border:       #c4d0d6;

  /* Texto (claro) */
  --brand-text:         #0d1b21;
  --brand-text-muted:   #5a6b73;

  /* Forma — sin redondeo en ninguna parte */
  --brand-radius: 0;

  /* Tipografía */
  --brand-font-body:    ui-sans-serif, "Helvetica Neue", Arial, sans-serif;
  --brand-font-display: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;
  --brand-font-size:    .875rem;
  --brand-heading-weight: 700;
  --brand-heading-tracking: -.02em;

  /* Layout — sidebar angosto, filas apretadas */
  --brand-sidebar-width: 13.5rem;
  --brand-density: .8;

  /* Oscuro: aquí SÍ se fijan a mano, para que compares el modo
     derivado (Meridian) contra el modo explícito (Atlas). */
  --brand-primary-dark:     #4bb8d8;
  --brand-surface-dark:     #141b1f;
  --brand-surface-alt-dark: #0b1114;
}