:root {
    --bg-color: #000000;
    --text-color: #fff;
    --btn-warning: #f57c00;
    --bg-mm-primary: #9a1750;
    --bg-mm-secondary: #c62d76;
    --bg-mm-tertiary: #70334F;
}
.btn-mm-primary {
    background-color: var(--bg-mm-primary);
    border-color: var(--bg-mm-primary);
    color: var(--text-color);
}
.btn-mm-secondary {
    background-color: var(--bg-mm-secondary);
    border-color: var(--bg-mm-secondary);
    color: var(--text-color);
}
.btn-mm-tertiary {
    background-color: var(--bg-mm-tertiary);
    border-color: var(--bg-mm-tertiary);
    color: var(--text-color);
}

body{
    background: var(--bg-mm-tertiary);
    color: #fff;
}
.btn-warning {
    background-color: var(--btn-warning);
    border-color: var(--btn-warning);
    color: var(--text-color);
}
input, textarea {
    background-color: #333;
    color: #fff;
    padding: 10px;
    border: 2px solid #ccc;
    box-sizing: border-box; /* Importante para o tamanho */
    resize: vertical;
    margin-bottom: 1rem;
    border-radius: 10px;
}
#preview {
    border: 1px solid #ccc;
    padding: 10px;
    height: 400px;
    overflow-y: auto;
    box-sizing: border-box;
}
.vh10 {height: 10vh;}
.vh20 {height: 20vh;}
.vh30 {height: 30vh;}
.vh40 {height: 40vh;}
.vh50 {height: 50vh;}
.vh60 {height: 60vh;}
.vh70 {height: 70vh;}
.vh80 {height: 80vh;}
.vh90 {height: 90vh;}
.vh100 {height: 100vh;}