/**
 * @name Midnight (Wallust Edition)
 * @description A dark, rounded discord theme synced with your wallpaper.
 * @author refact0r & You
 * @version 1.6.2
 */

/* IMPORTANT: make sure to enable dark mode in discord settings!!! */

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

:root {
    /* Font */
    --font: 'figtree';
    --corner-text: 'Midnight';

    /* Status Indicators */
    /* Matugen used specific generated colors, we use standard semantic colors */
    --online-indicator: {{color2}};     /* Green */
    --dnd-indicator: {{color1}};        /* Red */
    --idle-indicator: {{color3}};       /* Yellow */
    --streaming-indicator: {{color5}};  /* Purple */

    /* Accent Colors */
    /* We map these to your wallpaper's dominant colors */
    --accent-1: {{color4}};  /* Primary Accent (Blue-ish) */
    --accent-2: {{color12}}; /* Secondary Accent (Lighter Blue-ish) */
    --accent-3: {{color6}};  /* Tertiary (Cyan/Teal) */
    --accent-4: {{color2}};  /* Success/Greenish tone */
    --accent-5: {{color1}};  /* Danger/Reddish tone */

    /* Backgrounds */
    /* Wallust 'background' is your main wallpaper dark color */
    --bg-1: {{background}};      /* Main Dark Background */
    --bg-2: {{color0}};          /* Slightly lighter/different dark */
    --bg-3: {{background}};          /* Even lighter for contrast */
    --bg-4: {{background}};      /* Deep background */

    /* Text Colors */
    --text-0: {{foreground}};    /* Main Text */
    --text-1: {{foreground}};    /* Headers */
    --text-2: {{foreground}};        /* Secondary Text */
    --text-3: {{foreground}};        /* Muted Text */
    --text-4: {{foreground}};        /* Contrast Text */
    --text-5: {{color8}};        /* Error Text */

    /* Popups & Modals */
    --hover: {{color4}}1a;       /* 10% Opacity Accent for hovers */
    --active: {{color4}}33;      /* 20% Opacity Accent for active items */
    --message-hover: {{color0}}0a; /* Very subtle message hover */

    /* Optional: Override the "Moon" icon to match your accent if you want */
    /* --discord-icon: none; */
    /* --moon-icon: block; */
    /* --moon-icon-url: url('https://upload.wikimedia.org/wikipedia/commons/c/c4/Font_Awesome_5_solid_moon.svg'); */
}