/*
 * Etapa 7 — Design System Premium Pro
 * Inspiração: getdesign.md / Sentry DESIGN.md, adaptado para e-commerce indiano sem copiar marca.
 * Este arquivo deve carregar depois de frontend.css.
 */
:root{
  --ds-night:#150f23;
  --ds-ink:#1f1633;
  --ds-ink-press:#1a1a1a;
  --ds-violet-deep:#422082;
  --ds-violet-mid:#79628c;
  --ds-violet-hairline:#362d59;
  --ds-lime:#c2ef4e;
  --ds-pink:#fa7faa;
  --ds-white:#fff;
  --ds-cloud:#e5e7eb;
  --ds-cool:#cfcfdb;
  --ds-muted:#6d6477;
  --ds-on-dark-muted:rgba(255,255,255,.74);
  --ds-on-dark-faint:rgba(255,255,255,.18);
  --ds-focus:rgba(59,130,246,.50);
  --ds-saffron:#d97706;
  --ds-sandal:#fff8ed;
  --ds-gold-soft:#f6dfbe;
  --ds-maroon:#7f1d1d;
  --ds-green:#166534;
  --ds-red:#991b1b;
  --ds-radius-xs:4px;
  --ds-radius-sm:6px;
  --ds-radius-md:8px;
  --ds-radius-lg:10px;
  --ds-radius-xl:12px;
  --ds-radius-xxl:18px;
  --ds-radius-card:24px;
  --ds-radius-full:999px;
  --ds-shadow-1:0 2px 8px rgba(0,0,0,.08);
  --ds-shadow-2:0 10px 15px -3px rgba(0,0,0,.10),0 4px 6px -4px rgba(0,0,0,.10);
  --ds-shadow-3:0 0 8px 6px rgba(21,15,35,.22);
  --ds-shadow-soft:0 22px 70px rgba(31,22,51,.12);
  --ds-font-ui:Rubik,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ds-font-display:Rubik,"Space Grotesk",Inter,system-ui,sans-serif;
  --ds-font-code:Monaco,Menlo,"Ubuntu Mono",monospace;
}

body{font-family:var(--ds-font-ui);background:linear-gradient(180deg,var(--ds-sandal) 0%,#fff 34%,var(--ds-sandal) 100%);color:var(--ds-ink);}
:focus-visible{outline:3px solid var(--ds-focus);outline-offset:3px;border-radius:var(--ds-radius-sm)}
::selection{background:var(--ds-lime);color:var(--ds-ink)}
.container{width:min(1152px,calc(100% - 32px));}

.ds-section-dark,.hero-premium,.newsletter-section{position:relative;background:radial-gradient(circle at 18% 18%,rgba(250,127,170,.18),transparent 26%),radial-gradient(circle at 82% 8%,rgba(194,239,78,.12),transparent 24%),linear-gradient(135deg,var(--ds-night),var(--ds-ink) 58%,var(--ds-violet-deep));color:var(--ds-white);overflow:hidden;}
.ds-section-dark:before,.hero-premium:before,.newsletter-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.28) 1px,transparent 1px);background-size:34px 34px;opacity:.16;mask-image:linear-gradient(180deg,#000,transparent 92%)}
.ds-section-light{background:var(--ds-white);color:var(--ds-ink)}

.topbar{background:var(--ds-night);color:var(--ds-white);border-bottom:1px solid rgba(255,255,255,.12);letter-spacing:.02em;}
.site-header{background:rgba(255,255,255,.88);border-bottom:1px solid rgba(31,22,51,.10);box-shadow:0 10px 35px rgba(31,22,51,.06)}
.brand-mark{background:var(--ds-night);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-2)}
.brand-logo{max-height:54px;width:auto;object-fit:contain}.brand-text{font-family:var(--ds-font-display);letter-spacing:-.03em;color:var(--ds-ink)}
.desktop-nav a,.header-actions a{color:var(--ds-ink);font-weight:800}.desktop-nav a:hover,.header-actions a:hover{color:var(--ds-violet-deep)}
.header-search,.mobile-search{border-color:var(--ds-cloud);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-1)}
.header-search input,.mobile-search input,.search-page-form input{font-family:var(--ds-font-ui);background:var(--ds-white);color:var(--ds-ink)}
.header-search button,.mobile-search button{background:var(--ds-night);color:var(--ds-white);font-weight:900;text-transform:uppercase;letter-spacing:.02em;border-radius:0}
.cart-pill{border-color:var(--ds-cloud);border-radius:var(--ds-radius-md);background:var(--ds-white);box-shadow:var(--ds-shadow-1)}
.cart-pill span{background:var(--ds-pink);color:var(--ds-night)}
.mobile-toggle span{background:var(--ds-night)}
.mobile-menu{background:var(--ds-white);border-top:1px solid var(--ds-cloud);box-shadow:var(--ds-shadow-2)}

.hero-grid{min-height:650px;padding:5.25rem 0;position:relative;z-index:1}.hero-copy{max-width:650px}.eyebrow{font-family:var(--ds-font-ui);color:var(--ds-pink);font-weight:900;letter-spacing:.2em;text-transform:uppercase}.hero-premium .eyebrow,.newsletter-box .eyebrow{color:var(--ds-lime)}
h1,h2,h3{font-family:var(--ds-font-display);color:var(--ds-ink);letter-spacing:-.045em}.hero-premium h1,.hero-premium h2,.hero-premium h3,.newsletter-section h2{color:var(--ds-white)}
h1{font-size:clamp(2.7rem,6.4vw,5.5rem);line-height:1.02}h2{font-size:clamp(1.85rem,3.2vw,3.25rem);line-height:1.06}.hero-copy p,.page-hero p,.section-heading p,.section-heading-row p{color:rgba(31,22,51,.72);font-size:1.08rem;line-height:1.78}.hero-premium .hero-copy p,.newsletter-section p{color:var(--ds-on-dark-muted)}
.ds-lime-chip{display:inline-block;background:var(--ds-lime);color:var(--ds-ink);border-radius:var(--ds-radius-xs);padding:0 .24em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

.btn,.ds-button-primary,.ds-button-inverted,.ds-button-ghost{border-radius:var(--ds-radius-md);font-family:var(--ds-font-ui);font-weight:900;text-transform:uppercase;letter-spacing:.02em;box-shadow:none;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.btn:hover,.ds-button-primary:hover,.ds-button-inverted:hover,.ds-button-ghost:hover{transform:translateY(-2px)}
.btn-primary,.ds-button-primary{background:var(--ds-night)!important;color:var(--ds-white)!important;border-color:var(--ds-night)!important;box-shadow:var(--ds-shadow-3)}
.btn-primary:active,.ds-button-primary:active{background:var(--ds-cloud)!important;color:var(--ds-ink-press)!important}
.hero-premium .btn-primary,.newsletter-section .btn-primary,.ds-button-inverted{background:var(--ds-white)!important;color:var(--ds-ink)!important;border-color:var(--ds-white)!important;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.18)}
.btn-outline,.ds-button-ghost{background:var(--ds-white);color:var(--ds-ink);border-color:var(--ds-cloud)}
.hero-premium .btn-outline,.hero-premium .btn-ghost,.newsletter-section .btn-outline,.newsletter-section .btn-ghost{background:var(--ds-on-dark-faint);color:var(--ds-white);border-color:rgba(255,255,255,.22)}

.hero-trust span,.ds-badge{border-radius:var(--ds-radius-xs);background:var(--ds-night);color:var(--ds-white);border:1px solid var(--ds-violet-hairline);font-weight:800}.hero-premium .hero-trust span{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:var(--ds-white)}
.mandala-orb{background:radial-gradient(circle at 38% 35%,var(--ds-pink),var(--ds-violet-deep) 42%,var(--ds-night));box-shadow:0 40px 110px rgba(21,15,35,.46);border:1px solid rgba(255,255,255,.16)}
.mandala-orb:before{border-color:rgba(194,239,78,.52)}.floating-card{border-radius:var(--ds-radius-xxl);border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.94);color:var(--ds-ink);box-shadow:var(--ds-shadow-2)}

.category-card,.product-card,.panel,.benefit-grid article,.feature-columns article,.testimonial-grid blockquote,.faq-grid details,.contact-card,.ds-card,.ds-panel{border:1px solid var(--ds-cloud);border-radius:var(--ds-radius-card);background:var(--ds-white);box-shadow:var(--ds-shadow-soft)}
.category-card:hover,.product-card:hover,.help-card:hover,.ds-card:hover{transform:translateY(-4px);box-shadow:0 28px 80px rgba(31,22,51,.16);border-color:rgba(121,98,140,.45)}
.category-icon{background:var(--ds-lime);color:var(--ds-ink);border-radius:var(--ds-radius-xl);font-weight:900}.category-card strong,.product-info h3{color:var(--ds-ink)}.category-card small,.product-info p{color:rgba(31,22,51,.70)}
.product-media{background:linear-gradient(135deg,#fff,var(--ds-sandal));}.badge-sale{background:var(--ds-pink);color:var(--ds-night)}.badge-new{background:var(--ds-lime);color:var(--ds-ink)}.product-category{color:var(--ds-violet-mid)}.price-box strong{color:var(--ds-night)}.price-box small{color:var(--ds-green)}
.ds-product-card{display:flex;flex-direction:column;background:var(--ds-white);border:1px solid var(--ds-cloud);border-radius:var(--ds-radius-card);overflow:hidden;box-shadow:var(--ds-shadow-soft)}

.split-section,.testimonials-section{background:linear-gradient(180deg,#fff,var(--ds-sandal))}.accent-panel{background:linear-gradient(135deg,var(--ds-night),var(--ds-violet-deep));color:var(--ds-white);border-color:var(--ds-violet-hairline)}.accent-panel h2,.accent-panel h3{color:var(--ds-white)}.accent-panel p,.accent-panel li{color:var(--ds-on-dark-muted)}
summary{color:var(--ds-ink)}.faq-grid details[open]{border-color:rgba(121,98,140,.55)}
.newsletter-form input,.form-field input,.form-field textarea,.form-field select,.auth-card input,.checkout-form input,.checkout-form select,.checkout-form textarea,.cart-coupon input,.ds-input{border:1px solid var(--ds-cool);border-radius:var(--ds-radius-sm);background:var(--ds-white);color:var(--ds-ink);padding:.78rem .9rem;font-family:var(--ds-font-ui)}
.newsletter-form input:focus,.form-field input:focus,.form-field textarea:focus,.form-field select:focus,.auth-card input:focus,.checkout-form input:focus,.checkout-form select:focus,.checkout-form textarea:focus,.cart-coupon input:focus,.ds-input:focus{outline:3px solid var(--ds-focus);border-color:transparent}

/* Transacional claro: não escurecer checkout, carrinho, conta e pagamento */
.cart-page,.checkout-page,.customer-page,.payment-page,.order-received,.auth-section{background:var(--ds-sandal);color:var(--ds-ink)}
.cart-page .panel,.checkout-page .panel,.customer-page .panel,.payment-page .panel,.order-received .panel,.auth-card{background:var(--ds-white);color:var(--ds-ink);border-color:var(--ds-cloud);box-shadow:var(--ds-shadow-soft)}
.checkout-page h1,.checkout-page h2,.checkout-page h3,.cart-page h1,.cart-page h2,.cart-page h3,.customer-page h1,.customer-page h2,.customer-page h3,.payment-page h1,.payment-page h2,.payment-page h3{color:var(--ds-ink)}

.page-hero{background:radial-gradient(circle at 86% 16%,rgba(250,127,170,.20),transparent 26%),linear-gradient(135deg,var(--ds-night),var(--ds-ink));color:var(--ds-white)}.page-hero h1,.page-hero h2{color:var(--ds-white)}.page-hero p{color:var(--ds-on-dark-muted)}.breadcrumbs a{color:var(--ds-violet-deep)}
.filter-panel{border-color:var(--ds-cloud);border-radius:var(--ds-radius-card);background:var(--ds-white);box-shadow:var(--ds-shadow-soft)}
.site-footer{background:var(--ds-night);color:var(--ds-white);position:relative}.site-footer:before{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--ds-lime),var(--ds-pink),var(--ds-violet-mid),var(--ds-lime));}.site-footer a{color:var(--ds-lime)}.footer-bottom{border-top-color:rgba(255,255,255,.14);color:var(--ds-on-dark-muted)}

.ds-table,.admin-table,table{border-collapse:separate;border-spacing:0}.ds-table th,.ds-table td{border-bottom:1px solid var(--ds-cloud);padding:.9rem;text-align:left}.code-block,pre,code{font-family:var(--ds-font-code)}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;min-height:auto;padding:4rem 0}.hero-art{min-height:360px}.mandala-orb{inset:20px auto auto 50%;transform:translateX(-50%);width:min(330px,78vw)}.floating-card{position:relative;display:inline-grid;margin:.35rem;left:auto;right:auto;top:auto;bottom:auto}.category-grid,.product-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.container{width:min(100% - 24px,1152px)}.section{padding:3rem 0}.category-grid,.product-grid,.catalog-grid,.testimonial-grid,.faq-grid,.benefit-grid,.feature-columns,.newsletter-box,.footer-grid,.about-grid,.split-grid{grid-template-columns:1fr}.hero-grid{padding:3.2rem 0}h1{font-size:clamp(2.25rem,12vw,3.4rem)}.site-header{position:sticky}.header-grid{min-height:70px;grid-template-columns:1fr auto}.header-search,.desktop-nav,.header-actions{display:none}.mobile-toggle{display:block}}