/**
 * @name Midnight (Matugen Edition)
 */

@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');

:root {
    --font: 'figtree';
    --corner-text: 'Midnight';

    /* Status Indicators */
    --online-indicator: {{colors.primary.default.hex}};
    --dnd-indicator: {{colors.error.default.hex}};
    --idle-indicator: {{colors.tertiary.default.hex}};
    --streaming-indicator: {{colors.primary_container.default.hex}};

    /* Accent Colors */
    --accent-1: {{colors.secondary.default.hex}};
    --accent-2: {{colors.on_secondary_container.default.hex}};
    --accent-3: {{colors.secondary_container.default.hex}};
    --accent-4: {{colors.primary.default.hex}};
    --accent-5: {{colors.error.default.hex}};

    /* Backgrounds */
    --bg-1: {{colors.background.default.hex}};
    --bg-2: {{colors.surface.default.hex}};
    --bg-3: {{colors.background.default.hex}};
    --bg-4: {{colors.background.default.hex}};

    /* Text Colors */
    --text-0: {{colors.on_background.default.hex}};
    --text-1: {{colors.on_background.default.hex}};
    --text-2: {{colors.on_background.default.hex}};
    --text-3: {{colors.on_background.default.hex}};
    --text-4: {{colors.on_background.default.hex}};
    --text-5: {{colors.surface_variant.default.hex}};

    /* Popups & Modals */
    --hover: {{colors.secondary.default.hex}}1a;
    --active: {{colors.secondary.default.hex}}33;
    --message-hover: {{colors.surface.default.hex}}0a;
}