.dark {
    /* Base palette */
    --color-primary: #32AA58;
    --color-bg-main: #141514;
    --color-surface: #1E1F1E;
    --color-input-bg: #0B0D0D;
    --color-text-secondary: #575B59;
    --color-white: #ffffff;
    --color-body-text: #f5f5f5;

    /* Body */
    --body-background: #000000 !important;
    --body-text-color: var(--color-body-text) !important;

    /* Primary */
    --primary-background: var(--color-primary) !important;
    --primary-text-color: var(--color-white) !important;
    --primary-button-bg-color: var(--color-primary) !important;
    --primary-button-text-color: var(--color-white) !important;
    --primary-background-foreground: var(--color-primary) !important;

    /* Layout backgrounds */
    --background: var(--color-bg-main) !important;
    --header-bg: var(--color-bg-main) !important;
    --section-bg: var(--color-bg-main) !important;
    --footer-background: var(--color-bg-main) !important;

    /* Surfaces */
    --foreground: var(--color-surface) !important;
    --menu-active-bg-color: var(--color-surface) !important;
    --secondary-background-foreground: var(--color-surface) !important;

    /* Inputs */
    --input-background: var(--color-input-bg) !important;
    --exchange-input-amount-bg: var(--color-input-bg) !important;

    /* Text & links */
    --default-text-color: var(--color-primary) !important;
    --default-link: var(--color-white) !important;
    --text-foreground: #7D827E !important;
    --text-secondary-foreground: var(--color-text-secondary) !important;
    --mat-sys-on-surface-variant: var(--color-text-secondary) !important;

    /* Typography & shape */
    --default-font-family: "Manrope", sans-serif !important;
    --default-border-radius: 16px !important;
}

.main-background {
    background-position: center bottom!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-attachment: fixed!important;
}

@media screen and (max-width: 1023px) {
    app-logo > a> img.max-h-\[50px\] {
        max-height: 36px!important;
    }
}