/*!
 * Devias CMS — CSS custom properties
 * MuOnline Crimson & Gold palette
 */

/* ============================================================
   CSS VARIABLES — MuOnline dark theme (default)
   ============================================================ */
:root {
    /* Primary: Crimson */
    --mu-crimson:           #c0392b;
    --mu-crimson-light:     #e74c3c;
    --mu-crimson-glow:      rgba(192, 57, 43, 0.45);
    --mu-crimson-subtle:    rgba(192, 57, 43, 0.12);

    /* Secondary: Gold */
    --mu-gold:              #c8960c;
    --mu-gold-light:        #f0c040;
    --mu-gold-glow:         rgba(200, 150, 12, 0.4);
    --mu-gold-subtle:       rgba(200, 150, 12, 0.12);

    /* Aliases kept for backward compat */
    --dh-accent:            #c0392b;
    --dh-accent-hover:      #e74c3c;
    --dh-gold:              #c8960c;
    --dh-gold-light:        #f0c040;

    /* Text */
    --dh-text:              #ddc9b4;
    --dh-text-muted:        #7a5c6a;

    /* Backgrounds */
    --dh-bg:                #07040a;
    --dh-bg-secondary:      #0e080f;
    --dh-bg-card:           #140b14;

    /* Borders */
    --dh-border:            rgba(180, 60, 50, 0.22);

    /* Semantic */
    --dh-red:               #ef4444;
    --dh-green:             #22c55e;
    --dh-blue:              #818cf8;
    --dh-purple:            #a855f7;
    --dh-orange:            #f97316;

    /* UCP aliases */
    --ucp-text:             #ddc9b4;
    --ucp-text-muted:       #7a5c6a;
    --ucp-bg:               #0e080f;
    --ucp-border:           rgba(180, 60, 50, 0.22);
    --ucp-accent:           #c0392b;
}

html.dark-mode {
    --dh-bg:            #040208;
    --dh-bg-secondary:  #08040c;
    --dh-bg-card:       #0f0812;
    --dh-border:        rgba(180, 60, 50, 0.18);
    --ucp-bg:           #08040c;
    --ucp-border:       rgba(180, 60, 50, 0.18);
}