/* Material 3 Expressive Design System

Globally overrides Bootstrap classes to modernize the Tryton Money UI.
*/

:root {
/* Default Tryton Theme */
--m3-primary: #DC143C;
--m3-secondary: #E4D5B7;
--m3-dark: #0B0C10;
--m3-light: #F8F8F8;

--m3-surface: #ffffff;
--m3-surface-container: #f0f2f5;
--m3-on-surface: #1f1f1f;
--m3-text-muted: #6c757d;

--m3-radius: 24px;
--m3-anim-speed: 0.4s;

--m3-elevation-1: 0 4px 12px rgba(0,0,0,0.05);
--m3-elevation-2: 0 8px 24px rgba(0,0,0,0.08);
--m3-elevation-hover: 0 12px 32px rgba(0,0,0,0.12);

--m3-glass-bg: rgba(255, 255, 255, 0.7);
--m3-glass-blur: blur(16px);


}

[data-tm-theme="neon"] { --m3-primary: #00ffcc; --m3-secondary: #ff00ff; }
[data-tm-dark="dark"] {
--m3-surface: #1e1e1e;
--m3-surface-container: #121212;
--m3-on-surface: #ffffff;
--m3-glass-bg: rgba(30, 30, 30, 0.7);
}

/* Card Overrides */
.tryton-money-wrap .card, .tryton-money-frontend .card {
background: var(--m3-surface);
border: none !important;
border-radius: var(--m3-radius) !important;
box-shadow: var(--m3-elevation-1) !important;
transition: box-shadow var(--m3-anim-speed) ease;
}

.tryton-money-wrap .card:hover { box-shadow: var(--m3-elevation-hover) !important; }

/* Buttons */
.m3-btn-primary, .btn-primary {
background: var(--m3-primary) !important;
border-radius: 50px !important;
}

/* Glassmorphism */
[data-tm-glass="yes"] .m3-glass {
background: var(--m3-glass-bg) !important;
backdrop-filter: var(--m3-glass-blur);
}