:root{--mf-bg: #0B1118;--mf-bg-elevated: #131A24;--mf-surface: #161D28;--mf-surface-2: rgba(255, 255, 255, .05);--mf-nav: #0E1520;--mf-backdrop: rgba(11, 17, 24, .92);--mf-sheet: #131A24;--mf-text: #F1F5F9;--mf-muted: #8B9CB3;--mf-muted-2: #64748B;--mf-border: rgba(255, 255, 255, .08);--mf-divider: rgba(255, 255, 255, .08);--mf-primary: #10B981;--mf-primary-hover: #059669;--mf-primary-light: #34D399;--mf-primary-soft: rgba(16, 185, 129, .12);--mf-primary-border: rgba(16, 185, 129, .24);--mf-primary-glow: rgba(16, 185, 129, .35);--mf-primary-shadow: 0 8px 32px rgba(16, 185, 129, .1);--mf-secondary: #1E3A5F;--mf-secondary-soft: rgba(30, 58, 95, .22);--mf-info: #0EA5E9;--mf-info-soft: rgba(14, 165, 233, .1);--mf-info-muted: rgba(14, 165, 233, .2);--mf-danger: #F43F5E;--mf-warning: #F59E0B;--mf-grad-brand: linear-gradient(135deg, #0EA5E9 0%, #10B981 100%);--mf-grad-text: linear-gradient(to right, #10B981, #0EA5E9);--mf-grad-cta: linear-gradient(135deg, #10B981, #059669);--mf-grad-cta-hover: linear-gradient(135deg, #34D399, #10B981);--mf-theme-color: #0F1117;--mf-font: "Montserrat", system-ui, -apple-system, sans-serif;--mf-radius-card: 16px;--mf-radius-btn: 12px;--mf-radius-pill: 50px;--mf-focus-ring: 0 0 0 2px var(--mf-primary);--app-bg: var(--mf-bg);--app-card: var(--mf-bg-elevated);--app-surface: var(--mf-surface);--app-surface2: var(--mf-surface-2);--app-text: var(--mf-text);--app-muted: var(--mf-muted);--app-muted2: var(--mf-muted-2);--app-border: var(--mf-border);--app-divider: var(--mf-divider);--app-backdrop: var(--mf-backdrop);--app-sheet: var(--mf-sheet);--accent-primary: var(--mf-primary);--accent-primary-hover: var(--mf-primary-hover);--accent-danger: var(--mf-danger);--accent-warning: var(--mf-warning);--accent-info: var(--mf-secondary);--brand-blue: var(--mf-secondary);--brand-green: var(--mf-primary);--brand-grad: var(--mf-grad-brand);--brand-blue-soft: var(--mf-secondary-soft);--brand-green-soft: var(--mf-primary-soft);--brand-border: var(--mf-primary-border);--brand-shadow: var(--mf-primary-shadow);--nav-surface: var(--mf-nav);--focus-ring: var(--mf-focus-ring);--font-sans: var(--mf-font)}html{color-scheme:dark}body{font-family:var(--mf-font)!important;background-color:var(--mf-bg)!important;color:var(--mf-text)!important}.bg-green-500{background-color:var(--mf-primary)!important}.bg-green-600{background-color:var(--mf-primary-hover)!important}.hover\:bg-green-500:hover{background-color:var(--mf-primary)!important}.text-green-400,.text-green-500{color:var(--mf-primary-light)!important}.border-green-500{border-color:var(--mf-primary)!important}.border-green-500\/20{border-color:var(--mf-primary-border)!important}.bg-green-500\/10{background-color:var(--mf-primary-soft)!important}.bg-green-500\/20{background-color:color-mix(in srgb,var(--mf-primary) 20%,transparent)!important}.bg-green-500\/30{background-color:color-mix(in srgb,var(--mf-primary) 30%,transparent)!important}.bg-green-500\/40{background-color:color-mix(in srgb,var(--mf-primary) 40%,transparent)!important}.bg-green-500\/50{background-color:color-mix(in srgb,var(--mf-primary) 50%,transparent)!important}.bg-green-500\/80{background-color:color-mix(in srgb,var(--mf-primary) 80%,transparent)!important}.shadow-green-500\/40{--tw-shadow-color: var(--mf-primary-glow) !important}.from-green-900\/20{--tw-gradient-from: color-mix(in srgb, var(--mf-primary-hover) 20%, transparent) !important}.bg-blue-500\/10{background-color:var(--mf-info-soft)!important}.border-blue-500\/20{border-color:var(--mf-info-muted)!important}.text-blue-400{color:var(--mf-info)!important}.bg-blue-400,.bg-blue-500{background-color:var(--mf-info)!important}.from-blue-900\/20{--tw-gradient-from: color-mix(in srgb, var(--mf-secondary) 35%, transparent) !important}.bg-\[\#020617\],.bg-\[\#020617\]\/80{background-color:var(--mf-bg)!important}.bg-\[\#020617\]\/80{background-color:color-mix(in srgb,var(--mf-bg) 80%,transparent)!important}.from-\[\#020617\]{--tw-gradient-from: var(--mf-bg) !important}.via-\[\#020617\]{--tw-gradient-via: var(--mf-bg) !important}.to-\[\#020617\]{--tw-gradient-to: var(--mf-bg) !important}.bg-slate-900\/30{background-color:color-mix(in srgb,var(--mf-bg-elevated) 55%,transparent)!important}.bg-slate-800\/50{background-color:color-mix(in srgb,var(--mf-surface) 70%,transparent)!important}.bg-slate-800\/30{background-color:color-mix(in srgb,var(--mf-surface) 45%,transparent)!important}.selection\:bg-green-500 ::selection,.selection\:bg-green-500::selection{background-color:var(--mf-primary)!important}
