/* =========================================================
   META — TEMAS WORKSHOPS
========================================================= */

/* ===== CLARO (default) ===== */
.tema-claro {
    --mw-bg: #FDF6F2;
    --mw-card: rgba(255, 248, 243, 0.78);
    --mw-soft: rgba(176, 123, 104, 0.13);
    --mw-border: rgba(44, 34, 31, 0.10);

    --mw-title: #2C221F;
    --mw-text: rgba(44, 34, 31, 0.78);
    --mw-muted: rgba(44, 34, 31, 0.65);
    --mw-form-label: rgba(44, 34, 31, 0.72);
    --mw-placeholder: rgba(44, 34, 31, 0.45);

    --mw-accent: #B07B68;
    --mw-accent-rgb: 176, 123, 104;
}

/* ===== PÊSSEGO ===== */
.tema-peach {
    --mw-bg: #F6E3DB;
    --mw-card: rgba(255, 240, 233, 0.75);
    --mw-soft: rgba(176, 123, 104, 0.18);
    --mw-border: rgba(176, 123, 104, 0.22);

    --mw-title: #2C221F;
    --mw-text: rgba(44, 34, 31, 0.78);
    --mw-muted: rgba(44, 34, 31, 0.65);
    --mw-form-label: rgba(44, 34, 31, 0.72);
    --mw-placeholder: rgba(44, 34, 31, 0.45);

    --mw-accent: #B07B68;
    --mw-accent-rgb: 176, 123, 104;
}

/* ===== CINZA ===== */
.tema-cinza {
    --mw-bg: #F2F3F5;
    --mw-card: rgba(255, 255, 255, 0.85);
    --mw-soft: rgba(44, 34, 31, 0.06);
    --mw-border: rgba(44, 34, 31, 0.08);

    --mw-title: #1F1F1F;
    --mw-text: rgba(31, 31, 31, 0.75);
    --mw-muted: rgba(31, 31, 31, 0.55);
    --mw-form-label: rgba(31, 31, 31, 0.68);
    --mw-placeholder: rgba(31, 31, 31, 0.42);

    --mw-accent: #6E6E6E;
    --mw-accent-rgb: 110, 110, 110;
}

/* ===== ESCURO ===== */
.tema-escuro {
    --mw-bg: #1F1A18;
    --mw-card: rgba(44, 34, 31, 0.72);
    --mw-soft: rgba(255, 248, 243, 0.10);
    --mw-border: rgba(255, 248, 243, 0.16);

    --mw-title: #FFF8F3;
    --mw-text: rgba(255, 248, 243, 0.78);
    --mw-muted: rgba(255, 248, 243, 0.64);
    --mw-form-label: rgba(255, 248, 243, 0.82);
    --mw-placeholder: rgba(255, 248, 243, 0.56);

    --mw-accent: #D2A190;
    --mw-accent-rgb: 210, 161, 144;
}

/* aplicar background geral */
.meta-workshop {
    background: var(--mw-bg);
}