/* ==========================================================================
   theme.css (CHANGABLE)
   Purpose: Colors, fonts, backgrounds, shadows, border radius
   ========================================================================== */
:root {
    /* Core Theme Tokens */
    --mw-primary-color: #d4af37;
    --mw-secondary-color: #b5952f;
    --mw-accent-color: #f13c20;
    --mw-background-color: #16161a;
    --mw-card-background: #1f1f25;
    --mw-heading-color: #ffffff;
    --mw-text-color: #a0a0b0;

    --mw-border-radius: 12px;
    --mw-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);

    --mw-font-heading: 'Great Vibes', cursive;
    --mw-font-body: 'Inter', sans-serif;

    /* Offer Card Theme Tokens */
    --mw-offer-badge-bg: #d4af37;
    --mw-offer-badge-color: #111;
    --mw-offer-card-shadow: 0 8px 30px rgba(212, 175, 55, 0.1);
    --mw-offer-cta-bg: #d4af37;
}

body {
    background-color: var(--mw-background-color);
    color: var(--mw-text-color);
    font-family: var(--mw-font-body);
    -webkit-font-smoothing: antialiased;
}

h1, h2, .font-heading {
    font-family: var(--mw-font-heading);
    color: var(--mw-heading-color);
}