/*
 * Deals Package — Minimal Theme
 * Clean white, generous whitespace, no shadows, sharp corners.
 * base.css must be loaded first (provides all structural CSS).
 */

:root,
body[data-theme="minimal"],
.deals {
    --deals-bg:              #ffffff;
    --deals-surface:         #ffffff;
    --deals-border:          #e4e4e7;
    --deals-border-hover:    #a1a1aa;
    --deals-shadow:          none;
    --deals-shadow-hover:    0 1px 6px rgba(0,0,0,.06);
    --deals-radius:          4px;
    --deals-padding:         14px;
    --deals-gap:             24px;

    --deals-text:            #18181b;
    --deals-muted:           #71717a;
    --deals-accent:          #18181b;
    --deals-accent-hover:    #3f3f46;
    --deals-accent-contrast: #ffffff;

    --deals-price:           #18181b;
    --deals-price-original:  #a1a1aa;
    --deals-discount-bg:     #f4f4f5;
    --deals-discount-text:   #3f3f46;

    --deals-rating:          #a16207;
    --deals-badge-bg:        #f4f4f5;
    --deals-badge-text:      #3f3f46;
}

body[data-theme="minimal"] { background: #ffffff; }
.deals { background: var(--deals-bg); }

/* No hover lift */
.deals .deals__card:hover,
.deals .deals__card--hero:hover { transform: none; }

/* Sharp corners on CTA */
.deals .deals__cta { border-radius: 2px; font-weight: 700; letter-spacing: .02em; }