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

[data-mts-accent="navy"] {
  --mts-color-primary:        #243f6b;
  --mts-color-primary-hover:  #1f365d;
  --mts-color-primary-active: #172d50;
  --mts-color-primary-light:  rgba(36,63,107,.18);
  --mts-color-primary-text:   #ffffff;

  --mts-btn-shadow-primary:   0 4px 14px rgba(36,63,107,.42);
  --mts-btn-ring-primary:     0 0 0 3px rgba(36,63,107,.26);
  --mts-border-color-focus:   #243f6b;

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