/* ============================================================ MATIOS UI - matios-ui-accent-petrol.css v1.0.0 Accent: Petrol - dark petroleum teal with amber support accent Apply with: Works on top of any mode (dark or light) ============================================================ */ [data-mts-accent="petrol"] { --mts-color-primary: #0f6375; --mts-color-primary-hover: #0c5363; --mts-color-primary-active: #094451; --mts-color-primary-light: rgba(15,99,117,.18); --mts-color-primary-text: #ffffff; --mts-btn-shadow-primary: 0 4px 14px rgba(15,99,117,.42); --mts-btn-ring-primary: 0 0 0 3px rgba(15,99,117,.26); --mts-border-color-focus: #0f6375; --mts-color-accent: #ffb737; --mts-color-accent-hover: #f1ab21; --mts-color-accent-text: #1f2f52; }