/*
 * MosaMoney design tokens. Literal colours live only here.
 */

:root {
	--mm-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--mm-sidebar-expanded: 260px;
	--mm-sidebar-collapsed: 80px;
	--mm-sidebar-width: var(--mm-sidebar-expanded);
	--mm-sidebar-curve-x: 44px;
	--mm-sidebar-curve-y: 120px;
	--mm-radius-pill: 999px;
	--mm-radius-card: 20px;
	--mm-radius-row: 12px;
	--mm-radius-input: 14px;
	--mm-radius-md: 12px;
	--mm-radius-lg: 16px;
	--mm-gap-xs: 6px;
	--mm-gap-sm: 12px;
	--mm-gap: 20px;
	--mm-gap-lg: 32px;
	--mm-main-padding-x: 40px;
	--mm-main-padding-y: 28px;
	--mm-search-height: 48px;
	--mm-text-xs: 11px;
	--mm-text-sm: 12px;
	--mm-text-base: 13px;
	--mm-text-md: 15px;
	--mm-text-lg: 18px;
	--mm-text-xl: 24px;
	--mm-transition: 220ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

:root,
[data-theme='light'] {
	--mm-bg: #f4f3f6;
	--mm-card-bg: #ffffff;
	--mm-surface-alt: #faf9fb;
	--mm-surface-sunken: #f1eff4;
	--mm-purple: #7b4db5;
	--mm-purple-soft: rgba(123, 77, 181, 0.12);
	--mm-purple-contrast: #ffffff;
	--mm-text: #000000;
	--mm-text-muted: rgba(0, 0, 0, 0.45);
	--mm-text-soft: rgba(0, 0, 0, 0.68);
	--mm-border: rgba(0, 0, 0, 0.07);
	--mm-border-strong: rgba(0, 0, 0, 0.14);
	--mm-shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.05);
	--mm-shadow-heavy: 0 18px 48px rgba(0, 0, 0, 0.14);
	--mm-shadow-pill: 0 2px 8px rgba(0, 0, 0, 0.07);
	--mm-status-expired: #ff6b6b;
	--mm-status-ready: #8ce99a;
	--mm-nav-active: var(--mm-bg);
	--mm-row-alt: #faf9fb;
	--mm-scrim: rgba(20, 19, 22, 0.42);
}

[data-theme='dark'] {
	--mm-bg: #141316;
	--mm-card-bg: #201f24;
	--mm-surface-alt: #26252b;
	--mm-surface-sunken: #1a191d;
	--mm-purple: #7b4db5;
	--mm-purple-soft: rgba(123, 77, 181, 0.24);
	--mm-purple-contrast: #ffffff;
	--mm-text: #ffffff;
	--mm-text-muted: rgba(255, 255, 255, 0.5);
	--mm-text-soft: rgba(255, 255, 255, 0.74);
	--mm-border: rgba(255, 255, 255, 0.08);
	--mm-border-strong: rgba(255, 255, 255, 0.18);
	--mm-shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.5);
	--mm-shadow-heavy: 0 18px 48px rgba(0, 0, 0, 0.66);
	--mm-shadow-pill: 0 2px 8px rgba(0, 0, 0, 0.45);
	--mm-status-expired: #ff6b6b;
	--mm-status-ready: #8ce99a;
	--mm-nav-active: var(--mm-bg);
	--mm-row-alt: #26252b;
	--mm-scrim: rgba(0, 0, 0, 0.66);
}

[data-mm-collapsed='true'] {
	--mm-sidebar-width: var(--mm-sidebar-collapsed);
}