/* ============================================================
   MATIOS UI - matios-ui-accent-emerald.css  v1.0.0
   Accent: Emerald - dark emerald with amber support accent
   Apply with: <html data-mts-mode="dark" data-mts-accent="emerald">
   Works on top of any mode (dark or light)
   ============================================================ */

[data-mts-accent="emerald"] {
  --mts-color-primary:        #0e7250;
  --mts-color-primary-hover:  #0b6043;
  --mts-color-primary-active: #094f38;
  --mts-color-primary-light:  rgba(14,114,80,.18);
  --mts-color-primary-text:   #ffffff;

  --mts-btn-shadow-primary:   0 4px 14px rgba(14,114,80,.42);
  --mts-btn-ring-primary:     0 0 0 3px rgba(14,114,80,.26);
  --mts-border-color-focus:   #0e7250;

  --mts-color-accent:         #ffb737;
  --mts-color-accent-hover:   #f1ab21;
  --mts-color-accent-text:    #1f2f52;
}
