:root {
  --azul-consultorio: #586A9A;
  --azul-profundo:    #26304F;
  --ambar:            #C0925A;
  --ambar-hover:      #b0824a;
  --creme:            #F3EFE7;
  --azul-nevoa:       #E7EAF2;
  --white:            #FFFFFF;
  --texto-corpo:      #3C455F;
  --color-primary:        var(--azul-consultorio);
  --color-accent:         var(--ambar);
  --bg:                   var(--creme);
  --bg-soft:              var(--azul-nevoa);
  --surface:              var(--white);
  --surface-dark:         var(--azul-profundo);
  --text:                 var(--azul-profundo);
  --text-body:            var(--texto-corpo);
  --text-muted:           #8791AB;
  --text-on-dark:         var(--creme);
  --text-muted-on-dark:   #8B95B5;
  --on-accent:            var(--azul-profundo);
  --text-on-accent:       var(--on-accent);
  --text-on-primary:      var(--white);
  --accent-hover:         var(--ambar-hover);
  --border-light:   #EFE9DD;
  --border-soft:    #E2DDD0;
  --border-strong:  var(--azul-profundo);
  --border-on-dark: rgba(243, 239, 231, 0.16);
  --accent-soft:      rgba(192, 146, 90, 0.16);
  --accent-soft-dark: rgba(192, 146, 90, 0.22);
  --accent-ink:       #7D5A2C;
}