:root {
    --flux-primary: #7d3eb9;
    --flux-onPrimary: #ffffff;
    --flux-primaryContainer: #f0dbff;
    --flux-onPrimaryContainer: #2c0051;
    --flux-secondary: #665a6f;
    --flux-onSecondary: #ffffff;
    --flux-secondaryContainer: #edddf6;
    --flux-onSecondaryContainer: #211829;
    --flux-tertiary: #805157;
    --flux-onTertiary: #ffffff;
    --flux-tertiaryContainer: #ffd9dc;
    --flux-onTertiaryContainer: #321016;
    --flux-error: #ba1a1a;
    --flux-onError: #ffffff;
    --flux-errorContainer: #ffdad6;
    --flux-onErrorContainer: #410002;
    --flux-info: #2b5ea7;
    --flux-onInfo: #ffffff;
    --flux-infoContainer: #d7e3ff;
    --flux-onInfoContainer: #001b3e;
    --flux-success: #006d38;
    --flux-onSuccess: #ffffff;
    --flux-successContainer: #74fda2;
    --flux-onSuccessContainer: #00210d;
    --flux-warning: #9d4300;
    --flux-onWarning: #ffffff;
    --flux-warningContainer: #FFF5BE;
    --flux-onWarningContainer: #9D7204;
    --flux-background: #ffffff;
    --flux-onBackground: #1d1b1e;
    --flux-outline: #7c757e;
    --flux-outlineVariant: #ccc4ce;
    --flux-surface: #fef7fc;
    --flux-onSurface: #1d1b1e;
    --flux-surfaceVariant: #e9dfeb;
    --flux-onSurfaceVariant: #4a454e;
    --flux-inverseSurface: #322f33;
    --flux-onInverseSurface: #f6eff4;
    --flux-surfaceBright: #fef7fc;
    --flux-surfaceDim: #ded8dd;
    --flux-surfaceContainerLowest: #ffffff;
    --flux-surfaceContainerLow: #f8f2f6;
    --flux-surfaceContainer: #f3ecf1;
    --flux-surfaceContainerHigh: #ede6eb;
    --flux-surfaceContainerHighest: #e7e1e5;
}

.dark {
    --flux-primary: #ddb7ff;
    --flux-onPrimary: #490080;
    --flux-primaryContainer: #63209f;
    --flux-onPrimaryContainer: #f0dbff;
    --flux-secondary: #d0c1d9;
    --flux-onSecondary: #362c3f;
    --flux-secondaryContainer: #4d4356;
    --flux-onSecondaryContainer: #edddf6;
    --flux-tertiary: #f3b7bd;
    --flux-onTertiary: #4b252a;
    --flux-tertiaryContainer: #653a40;
    --flux-onTertiaryContainer: #ffd9dc;
    --flux-error: #ffb4ab;
    --flux-onError: #690005;
    --flux-errorContainer: #93000a;
    --flux-onErrorContainer: #ffdad6;
    --flux-background: #0f0d11;
    --flux-onBackground: #e7e1e5;
    --flux-info: #aac7ff;
    --flux-onInfo: #002f65;
    --flux-infoContainer: #01458e;
    --flux-onInfoContainer: #d7e3ff;
    --flux-success: #55df88;
    --flux-onSuccess: #00391a;
    --flux-successContainer: #005229;
    --flux-onSuccessContainer: #95f8a7;
    --flux-warning: #ffb690;
    --flux-onWarning: #552100;
    --flux-warningContainer: #783200;
    --flux-onWarningContainer: #ffdbca;
    --flux-outline: #968e98;
    --flux-outlineVariant: #4a454e;
    --flux-surface: #151316;
    --flux-onSurface: #cbc5c9;
    --flux-surfaceVariant: #4a454e;
    --flux-onSurfaceVariant: #ccc4ce;
    --flux-inverseSurface: #e7e1e5;
    --flux-onInverseSurface: #1d1b1e;
    --flux-surfaceBright: #3b383c;
    --flux-surfaceDim: #151316;
    --flux-surfaceContainerLowest: #0f0d11;
    --flux-surfaceContainerLow: #1d1b1e;
    --flux-surfaceContainer: #211f22;
    --flux-surfaceContainerHigh: #2c292d;
    --flux-surfaceContainerHighest: #373437;
}

html {
    background: var(--flux-background);
    color: var(--flux-onBackground);
}

alert {
    border-radius: 1rem;
    display: block;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
}

alert[type="warning"] {
    background: var(--flux-warningContainer);
    color: var(--flux-warning);
}

alert[type="danger"] {
    background: var(--flux-errorContainer);
    color: var(--flux-error);
}

alert[type="info"] {
    background: var(--flux-infoContainer);
    color: var(--flux-info);
}

alert[type="success"] {
    background: var(--flux-successContainer);
    color: var(--flux-success);
}

alert strong {
    color: currentColor !important;
}

alert p {
    margin: 0 !important;
}

#docsearch {
    --docsearch-text-color: var(--flux-onSurface);
    --docsearch-muted-color: var(--flux-onSurfaceVariant);
    --docsearch-searchbox-background: var(--flux-surfaceContainer) !important;
}

.DocSearch-Button {
    margin: 0 !important;
    width: 100%;
    height: 48px !important;
    padding: 0.75rem 1rem !important;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.font-display {
    font-family: Montserrat, -apple-system, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.font-inter {
    font-family: Inter, -apple-system, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}