:root {
    --materialprimary: rgba(25, 118, 210, 1);
    --materialprimary-light: rgba(66, 165, 245, 1);
    --materialprimary-dark: rgba(21, 101, 192, 1);
    --materialsecondary: rgba(156, 39, 176, 1);
    --materialsecondary-light: rgba(186, 104, 200, 1);
    --materialsecondary-dark: rgba(123, 31, 162, 1);
    --materialerror: rgba(211, 47, 47, 1);
    --materialwarning: rgba(237, 108, 2, 1);
    --materialinfo: rgba(2, 136, 209, 1);
    --materialsuccess: rgba(46, 125, 50, 1);
    --materialbackground: rgba(255, 255, 255, 1);
    --materialsurface: rgba(245, 245, 245, 1);
    --materialtext-primary: rgba(33, 33, 33, 1);
    --materialtext-secondary: rgba(117, 117, 117, 1);
    --materialdivider: rgba(224, 224, 224, 1);
    --colorsprimary-75: rgba(212, 162, 244, 1);
    --colorsprimary-50: rgba(231, 194, 255, 1);
    --colorsneutral-1100: rgba(23, 23, 23, 1);
    --material-UI-h1-font-family: "Poppins", Helvetica;
    --material-UI-h1-font-weight: 300;
    --material-UI-h1-font-size: 96px;
    --material-UI-h1-letter-spacing: -1.5px;
    --material-UI-h1-line-height: 112px;
    --material-UI-h1-font-style: normal;
    --material-UI-h2-font-family: "Poppins", Helvetica;
    --material-UI-h2-font-weight: 300;
    --material-UI-h2-font-size: 60px;
    --material-UI-h2-letter-spacing: -0.5px;
    --material-UI-h2-line-height: 72px;
    --material-UI-h2-font-style: normal;
    --material-UI-h3-font-family: "Poppins", Helvetica;
    --material-UI-h3-font-weight: 400;
    --material-UI-h3-font-size: 48px;
    --material-UI-h3-letter-spacing: 0px;
    --material-UI-h3-line-height: 56px;
    --material-UI-h3-font-style: normal;
    --material-UI-h4-font-family: "Poppins", Helvetica;
    --material-UI-h4-font-weight: 400;
    --material-UI-h4-font-size: 34px;
    --material-UI-h4-letter-spacing: 0.25px;
    --material-UI-h4-line-height: 42px;
    --material-UI-h4-font-style: normal;
    --material-UI-h5-font-family: "Poppins", Helvetica;
    --material-UI-h5-font-weight: 400;
    --material-UI-h5-font-size: 24px;
    --material-UI-h5-letter-spacing: 0px;
    --material-UI-h5-line-height: 32px;
    --material-UI-h5-font-style: normal;
    --material-UI-h5-1-font-family: "Poppins", Helvetica;
    --material-UI-h5-1-font-weight: 700;
    --material-UI-h5-1-font-size: 24px;
    --material-UI-h5-1-letter-spacing: 0px;
    --material-UI-h5-1-line-height: normal;
    --material-UI-h5-1-font-style: normal;
    --material-UI-h6-font-family: "Poppins", Helvetica;
    --material-UI-h6-font-weight: 600;
    --material-UI-h6-font-size: 20px;
    --material-UI-h6-letter-spacing: 0.15000000596046448px;
    --material-UI-h6-line-height: 28px;
    --material-UI-h6-font-style: normal;
    --material-UI-h7-font-family: "Poppins", Helvetica;
    --material-UI-h7-font-weight: 700;
    --material-UI-h7-font-size: 36px;
    --material-UI-h7-letter-spacing: 0px;
    --material-UI-h7-line-height: normal;
    --material-UI-h7-font-style: normal;
    --material-UI-subtitle-1-font-family: "Poppins", Helvetica;
    --material-UI-subtitle-1-font-weight: 700;
    --material-UI-subtitle-1-font-size: 16px;
    --material-UI-subtitle-1-letter-spacing: 0.15000000596046448px;
    --material-UI-subtitle-1-line-height: 24px;
    --material-UI-subtitle-1-font-style: normal;
    --material-UI-subtitle-2-font-family: "Poppins", Helvetica;
    --material-UI-subtitle-2-font-weight: 500;
    --material-UI-subtitle-2-font-size: 14px;
    --material-UI-subtitle-2-letter-spacing: 0.10000000149011612px;
    --material-UI-subtitle-2-line-height: 20px;
    --material-UI-subtitle-2-font-style: normal;
    --material-UI-caption-font-family: "Poppins", Helvetica;
    --material-UI-caption-font-weight: 400;
    --material-UI-caption-font-size: 12px;
    --material-UI-caption-letter-spacing: 0.4000000059604645px;
    --material-UI-caption-line-height: 16px;
    --material-UI-caption-font-style: normal;
    --material-UI-overline-font-family: "Poppins", Helvetica;
    --material-UI-overline-font-weight: 500;
    --material-UI-overline-font-size: 10px;
    --material-UI-overline-letter-spacing: 1.5px;
    --material-UI-overline-line-height: 16px;
    --material-UI-overline-font-style: normal;
    --material-UI-h4-1-font-family: "Poppins", Helvetica;
    --material-UI-h4-1-font-weight: 600;
    --material-UI-h4-1-font-size: 30px;
    --material-UI-h4-1-letter-spacing: 0.25px;
    --material-UI-h4-1-line-height: 42px;
    --material-UI-h4-1-font-style: normal;
    --material-UI-h6-1-font-family: "Poppins", Helvetica;
    --material-UI-h6-1-font-weight: 700;
    --material-UI-h6-1-font-size: 20px;
    --material-UI-h6-1-letter-spacing: 0.15000000596046448px;
    --material-UI-h6-1-line-height: 28px;
    --material-UI-h6-1-font-style: normal;
    --material-UI-h6-2-font-family: "Poppins", Helvetica;
    --material-UI-h6-2-font-weight: 600;
    --material-UI-h6-2-font-size: 20px;
    --material-UI-h6-2-letter-spacing: 0.15000000596046448px;
    --material-UI-h6-2-line-height: 28px;
    --material-UI-h6-2-font-style: normal;
    --material-UI-h8-font-family: "Poppins", Helvetica;
    --material-UI-h8-font-weight: 700;
    --material-UI-h8-font-size: 45px;
    --material-UI-h8-letter-spacing: 0.25px;
    --material-UI-h8-line-height: 117.52499341964722%;
    --material-UI-h8-font-style: normal;
    --material-UI-body-16-light-font-family: "Poppins", Helvetica;
    --material-UI-body-16-light-font-weight: 300;
    --material-UI-body-16-light-font-size: 16px;
    --material-UI-body-16-light-letter-spacing: 0px;
    --material-UI-body-16-light-line-height: normal;
    --material-UI-body-16-light-font-style: normal;
    --material-UI-body-16-regular-font-family: "Poppins", Helvetica;
    --material-UI-body-16-regular-font-weight: 400;
    --material-UI-body-16-regular-font-size: 16px;
    --material-UI-body-16-regular-letter-spacing: 0.5px;
    --material-UI-body-16-regular-line-height: 24px;
    --material-UI-body-16-regular-font-style: normal;
    --material-UI-body-16-medium-font-family: "Poppins", Helvetica;
    --material-UI-body-16-medium-font-weight: 500;
    --material-UI-body-16-medium-font-size: 16px;
    --material-UI-body-16-medium-letter-spacing: 0px;
    --material-UI-body-16-medium-line-height: normal;
    --material-UI-body-16-medium-font-style: normal;
    --material-UI-body-16-semibold-font-family: "Poppins", Helvetica;
    --material-UI-body-16-semibold-font-weight: 600;
    --material-UI-body-16-semibold-font-size: 16px;
    --material-UI-body-16-semibold-letter-spacing: 0px;
    --material-UI-body-16-semibold-line-height: normal;
    --material-UI-body-16-semibold-font-style: normal;
    --material-UI-body-14-regular-font-family: "Poppins", Helvetica;
    --material-UI-body-14-regular-font-weight: 400;
    --material-UI-body-14-regular-font-size: 14px;
    --material-UI-body-14-regular-letter-spacing: 0.25px;
    --material-UI-body-14-regular-line-height: 20px;
    --material-UI-body-14-regular-font-style: normal;
    --material-UI-body-14-medium-font-family: "Poppins", Helvetica;
    --material-UI-body-14-medium-font-weight: 500;
    --material-UI-body-14-medium-font-size: 14px;
    --material-UI-body-14-medium-letter-spacing: 0px;
    --material-UI-body-14-medium-line-height: normal;
    --material-UI-body-14-medium-font-style: normal;
    --material-UI-body-14-semibold-font-family: "Poppins", Helvetica;
    --material-UI-body-14-semibold-font-weight: 600;
    --material-UI-body-14-semibold-font-size: 14px;
    --material-UI-body-14-semibold-letter-spacing: 0px;
    --material-UI-body-14-semibold-line-height: normal;
    --material-UI-body-14-semibold-font-style: normal;
    --material-UI-body-14-light-font-family: "Poppins", Helvetica;
    --material-UI-body-14-light-font-weight: 300;
    --material-UI-body-14-light-font-size: 14px;
    --material-UI-body-14-light-letter-spacing: 0px;
    --material-UI-body-14-light-line-height: normal;
    --material-UI-body-14-light-font-style: normal;
    --material-UI-body-12-light-font-family: "Poppins", Helvetica;
    --material-UI-body-12-light-font-weight: 300;
    --material-UI-body-12-light-font-size: 12px;
    --material-UI-body-12-light-letter-spacing: 0px;
    --material-UI-body-12-light-line-height: normal;
    --material-UI-body-12-light-font-style: normal;
    --material-UI-body-12-regular-font-family: "Poppins", Helvetica;
    --material-UI-body-12-regular-font-weight: 400;
    --material-UI-body-12-regular-font-size: 12px;
    --material-UI-body-12-regular-letter-spacing: 0.25px;
    --material-UI-body-12-regular-line-height: 20px;
    --material-UI-body-12-regular-font-style: normal;
    --material-UI-body-12-medium-font-family: "Poppins", Helvetica;
    --material-UI-body-12-medium-font-weight: 500;
    --material-UI-body-12-medium-font-size: 12px;
    --material-UI-body-12-medium-letter-spacing: 0px;
    --material-UI-body-12-medium-line-height: normal;
    --material-UI-body-12-medium-font-style: normal;
    --material-UI-body-12-semibold-font-family: "Poppins", Helvetica;
    --material-UI-body-12-semibold-font-weight: 600;
    --material-UI-body-12-semibold-font-size: 12px;
    --material-UI-body-12-semibold-letter-spacing: 0px;
    --material-UI-body-12-semibold-line-height: normal;
    --material-UI-body-12-semibold-font-style: normal;
    --material-UI-body-18-regular-font-family: "Poppins", Helvetica;
    --material-UI-body-18-regular-font-weight: 400;
    --material-UI-body-18-regular-font-size: 18px;
    --material-UI-body-18-regular-letter-spacing: 0.15000000596046448px;
    --material-UI-body-18-regular-line-height: 28px;
    --material-UI-body-18-regular-font-style: normal;
    --material-UI-body-18-SB-font-family: "Poppins", Helvetica;
    --material-UI-body-18-SB-font-weight: 600;
    --material-UI-body-18-SB-font-size: 18px;
    --material-UI-body-18-SB-letter-spacing: 0.15000000596046448px;
    --material-UI-body-18-SB-line-height: 28px;
    --material-UI-body-18-SB-font-style: normal;
    --material-UI-body-11-sm-font-family: "Poppins", Helvetica;
    --material-UI-body-11-sm-font-weight: 500;
    --material-UI-body-11-sm-font-size: 11px;
    --material-UI-body-11-sm-letter-spacing: 0.25px;
    --material-UI-body-11-sm-line-height: 20px;
    --material-UI-body-11-sm-font-style: normal;
    --global-tokens-light-35: rgba(255, 239, 239, 1);
    --global-tokens-light-50: rgba(255, 224, 224, 1);
    --global-tokens-light-colors-primary-100: rgba(192, 130, 231, 1);
    --global-tokens-light-colors-primary-200: rgba(161, 67, 219, 1);
    --global-tokens-light-colors-primary-300: rgba(122, 34, 177, 1);
    --global-tokens-light-colors-primary-400: rgba(79, 22, 114, 1);
    --global-tokens-light-colors-primary-500: rgba(47, 13, 68, 1);
    --global-tokens-light-colors-primary-alpha-10: rgba(79, 22, 114, 0.1);
    --global-tokens-light-colors-secondary-100: rgba(255, 179, 179, 1);
    --global-tokens-light-colors-secondary-200: rgba(255, 111, 111, 1);
    --global-tokens-light-colors-secondary-300: rgba(255, 43, 43, 1);
    --global-tokens-light-colors-secondary-400: rgba(230, 0, 0, 1);
    --global-tokens-light-colors-secondary-500: rgba(162, 0, 0, 1);
    --global-tokens-light-colors-secondary-alpha-10: rgba(255, 179, 179, 0.1);
    --global-tokens-light-colors-neutral-100: rgba(255, 255, 255, 1);
    --global-tokens-light-colors-neutral-200: rgba(232, 232, 232, 1);
    --global-tokens-light-colors-neutral-300: rgba(210, 210, 210, 1);
    --global-tokens-light-colors-neutral-400: rgba(187, 187, 187, 1);
    --global-tokens-light-colors-neutral-500: rgba(164, 164, 164, 1);
    --global-tokens-light-colors-neutral-600: rgba(142, 142, 142, 1);
    --global-tokens-light-colors-neutral-700: rgba(119, 119, 119, 1);
    --global-tokens-light-colors-neutral-800: rgba(96, 96, 96, 1);
    --global-tokens-light-colors-neutral-900: rgba(74, 74, 74, 1);
    --global-tokens-light-colors-neutral-1000: rgba(51, 51, 51, 1);
    --global-tokens-light-colors-neutral-alpha-10: rgba(51, 51, 51, 0.1);
    --global-tokens-light-colors-red-100: rgba(251, 55, 72, 1);
    --global-tokens-light-colors-red-200: rgba(208, 4, 22, 1);
    --global-tokens-light-colors-red-alpha-10: rgba(251, 55, 72, 0.1);
    --global-tokens-light-colors-yellow-100: rgba(255, 219, 67, 1);
    --global-tokens-light-colors-yellow-200: rgba(223, 180, 0, 1);
    --global-tokens-light-colors-yellow-alpha-10: rgba(255, 219, 67, 0.1);
    --global-tokens-light-colors-green-100: rgba(132, 235, 180, 1);
    --global-tokens-light-colors-green-200: rgba(31, 193, 107, 1);
    --global-tokens-light-colors-green-alpha-10: rgba(31, 193, 107, 0.1);
    --global-tokens-light-card-1: 20px;
    --global-tokens-light-button-1: 10px;
    --global-tokens-light-button-2: 20px;
    --global-tokens-light-card-3: 5px;
    --global-tokens-light-boolean: initial;
    --global-tokens-light-neutral-150: rgba(239, 238, 238, 1);
    --global-tokens-light-neutral-125: rgba(251, 249, 249, 1);
    --global-tokens-light-color-alpha-50: rgba(251, 245, 255, 1);
    --bg: #FBF3EA;
    --text-heading: #1E1233;
    --text-body: #5B5570;
    --text-muted: #928C9E;
    --blob-1: #E7D3FB;
    --blob-2: #FBDCC0;
    --toggle-bg: #FFFFFF;
    --toggle-border: #ECE4F5;
    --toggle-icon: #6D28D9;
    --coming-soon-text: #B08A63;
    --coming-soon-pill-bg: #F4ECFB;
    --dot-color: #F0965A;
    --grad-heading: linear-gradient(90deg, #6D28D9 0%, #C026D3 55%, #F0709A 100%);
    --solid-line2: #6D28D9;
    --input-border: #E7E1EF;
    --input-bg: #FFFFFF;
    --input-text: #241638;
    --grad-btn: linear-gradient(90deg, #5B21B6 0%, #9333EA 100%);
    --avatar-1: #DDD6FE;
    --avatar-2: #A78BFA;
    --avatar-3: #7C3AED;
    --avatar-4: #C4B5FD;
    --illo-shadow: rgba(109, 40, 217, 0.35);
    --illo-glow-rgb: 255, 255, 255; /* glow blends toward --bg so it reads naturally in both themes */

    --divider: #ECE3D8;
    --footer-color: #928C9E;
    --link-color: #6D28D9;
}




:root {
    --bg: #FBF3EA;
    --text-heading: #1E1233;
    --text-body: #5B5570;
    --text-muted: #928C9E;
    --blob-1: #E7D3FB;
    --blob-2: #FBDCC0;
    --toggle-bg: #FFFFFF;
    --toggle-border: #ECE4F5;
    --toggle-icon: #6D28D9;
    --coming-soon-text: #B08A63;
    --coming-soon-pill-bg: #F4ECFB;
    --dot-color: #F0965A;
    --grad-heading: linear-gradient(90deg, #6D28D9 0%, #C026D3 55%, #F0709A 100%);
    --solid-line2: #6D28D9;
    --input-border: #E7E1EF;
    --input-bg: #FFFFFF;
    --input-text: #241638;
    --grad-btn: linear-gradient(90deg, #5B21B6 0%, #9333EA 100%);
    --avatar-1: #DDD6FE;
    --avatar-2: #A78BFA;
    --avatar-3: #7C3AED;
    --avatar-4: #C4B5FD;
    --illo-shadow: rgba(109, 40, 217, 0.35);
    --illo-glow-rgb: 255, 255, 255; /* glow blends toward --bg so it reads naturally in both themes */

    --divider: #ECE3D8;
    --footer-color: #928C9E;
    --link-color: #6D28D9;
}

html[data-theme="dark"] {
    --bg: #150B26;
    --text-heading: #F5F2FB;
    --text-body: #C7C0DA;
    --text-muted: #8B84A3;
    --blob-1: #3A2266;
    --blob-2: #4E2E22;
    --toggle-bg: #241539;
    --toggle-border: #3A2A55;
    --toggle-icon: #F5F2FB;
    --coming-soon-text: #E3BB8E;
    --coming-soon-pill-bg: #241539;
    --dot-color: #F0965A;
    --grad-heading: linear-gradient(90deg, #A78BFA 0%, #D946B0 55%, #F0709A 100%);
    --solid-line2: #C4B5FD;
    --input-border: #3A2A55;
    --input-bg: #1E1333;
    --input-text: #F5F2FB;
    --grad-btn: linear-gradient(90deg, #7C3AED 0%, #A855F7 100%);
    --avatar-1: #6D28D9;
    --avatar-2: #A78BFA;
    --avatar-3: #C084FC;
    --avatar-4: #DDD6FE;
    --illo-shadow: rgba(167, 139, 250, 0.45);
    --illo-glow-rgb: 21, 11, 38;
    --divider: #2A1D42;
    --footer-color: #8B84A3;
    --link-color: #C4B5FD;
}