/*
 * Deals Package — Classic Theme
 * Neutral light palette with blue accents.
 * base.css must be loaded first (provides all structural CSS).
 */

:root,
body[data-theme="classic"],
.deals {
    --deals-bg:              #f9fafb;
    --deals-surface:         #ffffff;
    --deals-border:          #e5e7eb;
    --deals-border-hover:    #93c5fd;
    --deals-shadow:          0 1px 3px rgba(0,0,0,.08);
    --deals-shadow-hover:    0 4px 12px rgba(0,0,0,.12);
    --deals-radius:          12px;
    --deals-padding:         16px;
    --deals-gap:             20px;

    --deals-text:            #111827;
    --deals-muted:           #6b7280;
    --deals-accent:          #2563eb;
    --deals-accent-hover:    #1d4ed8;
    --deals-accent-contrast: #ffffff;

    --deals-price:           #111827;
    --deals-price-original:  #9ca3af;
    --deals-discount-bg:     #dcfce7;
    --deals-discount-text:   #166534;

    --deals-rating:          #f59e0b;
    --deals-badge-bg:        #eff6ff;
    --deals-badge-text:      #1d4ed8;
}