:root{
    --primary: #ffb7db;
    --secondary: #FFC0CB;
    --accent: #ff0080;
    --theme-bg:  #121212;
    --theme-text:#FFFFF0;
    --muted: #36454F;
    --button-text:black;
    --shadow:rgba(0, 191, 255, 0.302);
    --shadow2:rgba(0, 191, 255, 0.548);
    --shadow3:rgba(0, 191, 255, 0.302);
    --shadow4:rgba(0, 191, 255, 0.302);
    --comp:#0040ff;
    --comp_variant:#00bfff;
    /* --comp_variant:#b8c7ff; */
}
/* Background Color Classes */
.bg-soft-rose-pink { background-color: #FADADD; }
.bg-deep-burgundy { background-color: #800020; }
.bg-warm-gold { background-color: #FFD700; }
.bg-muted-peach { background-color: #F8B195; }
.bg-ivory-white { background-color: #FFFFF0; }
.bg-charcoal-gray { background-color: #36454F; }

/* Font Color Classes */
.text-soft-rose-pink { color: #FADADD; }
.text-deep-burgundy { color: #800020; }
.text-warm-gold { color: #FFD700; }
.text-muted-peach { color: #F8B195; }
.text-ivory-white { color: #FFFFF0; }
.text-charcoal-gray { color: #36454F; }

.tiz-bg-primary{
    background-color: var( --primary );
}
.tiz-primary{
    color: var( --primary );
}
.tiz-bg-secondary{
    background-color: var( --secondary );
}
.tiz-secondary{
    color: var(--secondary);
}
.tiz-bg-accent{
    background-color: var(--accent);
}
.tiz-accent{
    color: var(--accent);
}
.tiz-bg{
    background-color: var(--theme-bg);
}
.tiz-text{
    color: var(--theme-text);
}
.tiz-bg-muted{
    background-color: var(--muted);
}
.tiz-text-muted{
    color: var(--muted);
}