/*==========================================================
1. GLOBAL DESIGN TOKENS
==========================================================*/

:root {

    --mm-primary: #2B0B66;
    --mm-secondary: #5A2CA0;
    --mm-accent: #9C1F63;

    --mm-success: #16A34A;
    --mm-warning: #F59E0B;
    --mm-danger: #DC2626;
    --mm-info: #0EA5E9;
    --mm-dark: #1F2937;
    --mm-heading: #111827;
    --mm-text: #4B5563;
    --mm-muted: #6B7280;
    --mm-light-text: #9CA3AF;
    --mm-white: #FFFFFF;
    --mm-light: #F8FAFC;
    --mm-section-bg: #F9FAFB;
    --mm-card-bg: #FFFFFF;
    --mm-border: #E5E7EB;
    --mm-border-light: #F1F5F9;
    --mm-border-dark: #CBD5E1;
    --mm-gradient-primary:
        linear-gradient(135deg,#2B0B66,#5A2CA0);
    --mm-gradient-accent:
        linear-gradient(135deg,#5A2CA0,#9C1F63);
    --mm-gradient-light:
        linear-gradient(180deg,#FFFFFF,#F8FAFC);
    --mm-radius-xs:8px;
    --mm-radius-sm:12px;
    --mm-radius:16px;
    --mm-radius-lg:22px;
    --mm-radius-xl:30px;
    --mm-radius-pill:999px;
    --mm-shadow-xs:
        0 4px 10px rgba(0,0,0,.04);
    --mm-shadow-sm:
        0 8px 24px rgba(0,0,0,.05);
    --mm-shadow-md:
        0 20px 50px rgba(43,11,102,.10);
    --mm-shadow-lg:
        0 35px 80px rgba(43,11,102,.18);
    --mm-shadow-hover:
        0 45px 100px rgba(43,11,102,.22);
    --mm-transition-fast:.20s ease;
    --mm-transition:.35s ease;
    --mm-transition-slow:.55s ease;
    --mm-container:1320px;
    --mm-header-height:88px;
    --mm-section-space:110px;
    --mm-card-padding:32px;
    --mm-z-header:999;
    --mm-z-dropdown:1000;
    --mm-z-modal:1050;
    --mm-z-loader:9999;
    --mm-font-heading:'Montserrat',sans-serif;
    --mm-font-body:'Inter',sans-serif;
    --mm-fs-xs:.75rem;
    --mm-fs-sm:.875rem;
    --mm-fs-base:1rem;
    --mm-fs-lg:1.125rem;
    --mm-fs-xl:1.25rem;
    --mm-fs-2xl:1.5rem;
    --mm-fs-3xl:2rem;
    --mm-fs-4xl:2.75rem;
}