/*
 * Deals Package — Emerald Theme
 * Rich green accent on soft off-white — fresh and trustworthy.
 * base.css must be loaded first (provides all structural CSS).
 */

:root,
body[data-theme="emerald"],
.deals {
    --deals-bg:              #f0fdf4;
    --deals-surface:         #ffffff;
    --deals-border:          #bbf7d0;
    --deals-border-hover:    #34d399;
    --deals-shadow:          0 1px 3px rgba(6,78,59,.06);
    --deals-shadow-hover:    0 4px 12px rgba(6,78,59,.12);
    --deals-radius:          12px;
    --deals-padding:         16px;
    --deals-gap:             20px;

    --deals-text:            #052e16;
    --deals-muted:           #4b7a5c;
    --deals-accent:          #059669;
    --deals-accent-hover:    #047857;
    --deals-accent-contrast: #ffffff;

    --deals-price:           #065f46;
    --deals-price-original:  #9ca3af;
    --deals-discount-bg:     #d1fae5;
    --deals-discount-text:   #065f46;

    --deals-rating:          #16a34a;
    --deals-badge-bg:        #d1fae5;
    --deals-badge-text:      #065f46;
}

body[data-theme="emerald"] { background: #f0fdf4; }
.deals { background: var(--deals-bg); }
.deals .deals__image { background: #ecfdf5; }