/* ============================================================
   MATIOS UI — matios-ui-accent-high-contrast.css  v1.0.0
   Accent: High Contrast — colores/estados reforzados para HC
   Puede usarse en cualquier mode, pero está pensado para
   acompañar matios-ui-mode-high-contrast.css.
   ============================================================ */

[data-mts-accent="high-contrast"] {
  --mts-color-primary:        #ffff00;
  --mts-color-primary-hover:  #e6e600;
  --mts-color-primary-active: #cccc00;
  --mts-color-primary-light:  rgba(255,255,0,.15);
  --mts-color-primary-text:   #000000;

  --mts-color-accent:         #00ffff;
  --mts-color-accent-hover:   #00e6e6;
  --mts-color-accent-text:    #000000;

  --mts-color-success:        #00ff00;
  --mts-color-success-hover:  #00dd00;
  --mts-color-success-light:  rgba(0,255,0,.12);
  --mts-color-success-text:   #000000;

  --mts-color-warning:        #ffaa00;
  --mts-color-warning-hover:  #e69500;
  --mts-color-warning-light:  rgba(255,170,0,.12);
  --mts-color-warning-text:   #000000;

  --mts-color-danger:         #ff4444;
  --mts-color-danger-hover:   #e63a3a;
  --mts-color-danger-light:   rgba(255,68,68,.12);
  --mts-color-danger-text:    #000000;

  --mts-color-info:           #00aaff;
  --mts-color-info-hover:     #0095e0;
  --mts-color-info-light:     rgba(0,170,255,.12);
  --mts-color-info-text:      #000000;

  --mts-btn-shadow-primary:   0 0 0 2px #ffff00;
  --mts-btn-ring-primary:     0 0 0 4px rgba(255,255,0,.4);
  --mts-btn-shadow-success:   0 0 0 2px #00ff00;
  --mts-btn-ring-success:     0 0 0 4px rgba(0,255,0,.4);
  --mts-btn-shadow-warning:   0 0 0 2px #ffaa00;
  --mts-btn-ring-warning:     0 0 0 4px rgba(255,170,0,.4);
  --mts-btn-shadow-danger:    0 0 0 2px #ff4444;
  --mts-btn-ring-danger:      0 0 0 4px rgba(255,68,68,.4);

  --mts-border-color-focus:   #ffff00;
}
