.md-theme-dark {
    --bg-status-bar: 0, 0, 0;
    --bg-app-bar: 18, 18, 18;
    --bg-main-content: 24, 24, 24;
    --bg-cards: 33, 33, 33;
}

.primary-color {
    --mdc-foreground: 196, 23, 27;
}

.bg-primary-color {
    --mdc-background: 196, 23, 27;
    --foreground-color: 255, 255, 255 !important;
}

/* .md-theme-dark .primary-color {
    --mdc-foreground: 255, 112, 67;
}

.md-theme-dark .bg-primary-color {
    --mdc-background: 255, 112, 67;
} */

.accent-color {
    --mdc-foreground: 239, 108, 0;
}

.bg-accent-color {
    --mdc-background: 239, 108, 0;
}

/* .md-theme-dark .accent-color {
    --mdc-foreground: 255, 183, 77;
}

.md-theme-dark .bg-accent-color {
    --mdc-background: 255, 183, 77;
} */

.md-theme-dark .red {
    --mdc-foreground: 229, 115, 115;
}

.md-theme-dark .bg-red {
    --mdc-background: 229, 115, 115;
}

.md-theme-dark .primary-color, .md-theme-dark .accent-color, .md-theme-dark .red {
    --mdc-theme: 0, 0, 0;
    --foreground-color: var(--mdc-foreground);
}

.primary-color, .accent-color {
    --mdc-theme: 255, 255, 255;
    --foreground-color: var(--mdc-foreground);
}

.md-theme-dark .bg-primary-color, .md-theme-dark .bg-accent-color, .md-theme-dark .bg-red {
    --opacity-primary: 0.87;
    --opacity-secondary: 0.6;
    --opacity-hint: 0.38;
    --opacity-divider: 0.12;

    --opacity-disabled: 0.02;
    --opacity-hover: 0.04;
    --opacity-selected: 0.08;
    --opacity-focus: 0.12;
    --opacity-pressed: 0.16;

    --switch-color: 255, 255, 255;
    --switch-opacity: 0.32;
    --slider-disabled-color: 125, 125, 125;

    --foreground-color: 0, 0, 0;
    --error-color: 176, 0, 32;

    --bg-status-bar: var(--mdc-background);
    --bg-app-bar: var(--mdc-background);
    --bg-main-content: var(--mdc-background);
    --bg-cards: var(--mdc-background);

    color: rgba(var(--foreground-color), var(--opacity-primary));
    border-color: rgb(var(--bg-cards));
    background-color: rgb(var(--bg-cards));
}

.bg-primary-color, .bg-accent-color {
    --opacity-primary: 1;
    --opacity-secondary: 0.7;
    --opacity-hint: 0.5;
    --opacity-divider: 0.12;

    --opacity-disabled: 0.04;
    --opacity-hover: 0.08;
    --opacity-selected: 0.16;
    --opacity-focus: 0.24;
    --opacity-pressed: 0.32;

    --switch-color: 250, 250, 250;
    --switch-opacity: 0.38;
    --slider-disabled-color: 151, 151, 151;

    --foreground-color: 255, 255, 255;
    --error-color: 255, 49, 89;

    --bg-status-bar: var(--mdc-background);
    --bg-app-bar: var(--mdc-background);
    --bg-main-content: var(--mdc-background);
    --bg-cards: var(--mdc-background);

    color: rgba(var(--foreground-color), var(--opacity-primary));
    border-color: rgb(var(--bg-cards));
    background-color: rgb(var(--bg-cards));
}