/* ============================================================
   THEME C — WARM RETAIL  ·  ivory premium e-commerce
   Premium Shopify × Apple Retail × modern marketplace
   ============================================================ */
[data-theme="c"] {
  --bg:        #f4efe7;
  --surface:   #fffdf9;
  --surface-2: #efe7da;
  --ink:       #1c1813;
  --ink-2:     #6b6255;
  --ink-3:     #9a9081;
  --line:      #e6ddcd;
  --line-2:    #d8ccb7;
  --accent:    #2563eb;
  --blue-soft: #e9eefb;
  --accent-2:  #d9622b;
  --photo-bg:  #fbf7f0;
  --r-card:    22px;
  --r-lg:      24px;
  --r-xl:      30px;
  /* warm-tinted shadows */
  --shadow-sm: 0 2px 5px rgba(120,80,40,.06), 0 1px 2px rgba(120,80,40,.05);
  --shadow-md: 0 8px 22px rgba(120,80,40,.10), 0 2px 6px rgba(120,80,40,.06);
  --shadow-lg: 0 24px 56px rgba(120,80,40,.16), 0 6px 16px rgba(120,80,40,.08);
  --shadow-float: 0 -6px 24px rgba(120,80,40,.12);
}

[data-theme="c"] body {
  background:
    radial-gradient(900px 540px at 88% -8%, rgba(217,98,43,.07), transparent 60%),
    radial-gradient(760px 480px at 4% 2%, rgba(37,99,235,.06), transparent 58%),
    var(--bg);
  background-attachment: fixed;
}

[data-theme="c"] .site-header { background: rgba(250,246,239,.88); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }

/* Generous, soft, layered surfaces */
[data-theme="c"] .prod, [data-theme="c"] .bento-tile, [data-theme="c"] .card,
[data-theme="c"] .picker, [data-theme="c"] .buybox, [data-theme="c"] .trust-card {
  border-radius: var(--r-card); border: 1px solid var(--line);
}
[data-theme="c"] .prod-media { background: var(--photo-bg); }

/* Editorial hero — warm gradient panel + serif-ish weight */
[data-theme="c"] .hero {
  background: linear-gradient(160deg, #fffdf9 0%, #f4ece0 60%, #efe3d2 100%);
  border-bottom: 1px solid var(--line);
}
[data-theme="c"] .hero h1 { font-weight: 800; }
[data-theme="c"] .hero h1 .accent { color: var(--accent-2); }
[data-theme="c"] .hero-photo {
  border-radius: var(--r-xl);
  background: radial-gradient(closest-side, #ffffff, var(--photo-bg) 78%);
  box-shadow: var(--shadow-lg);
}
[data-theme="c"] .hero-eyebrow .pill { background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow-sm); }

/* Bento with warm photo-fill feature tiles */
[data-theme="c"] .bento-tile.row2, [data-theme="c"] .bento-tile.span2 {
  background: linear-gradient(155deg, #fffdf9, #f1e7d8);
}
[data-theme="c"] .bento-tile .bt-arrow { background: var(--surface-2); }
[data-theme="c"] .bento-tile:hover .bt-arrow { background: var(--accent-2); }
[data-theme="c"] .bento-tile .bt-cat { color: var(--accent-2); }

/* Warm pop accents on offers */
[data-theme="c"] .prod-disc, [data-theme="c"] .buybox .price-disc { background: var(--accent-2); }
[data-theme="c"] .tag--sale { background: var(--accent-2); }

/* Soft chips */
[data-theme="c"] .chip, [data-theme="c"] .prod-specs .sp { background: var(--surface-2); border-color: var(--line); }

/* Trust cards: warm icon wells */
[data-theme="c"] .trust-card .ti { background: linear-gradient(150deg, #fde9dc, #fbd9c4); color: var(--accent-2); }
[data-theme="c"] .trust-card:nth-child(2) .ti,
[data-theme="c"] .trust-card:nth-child(4) .ti { background: var(--blue-soft); color: var(--accent); }

/* Buttons keep blue thread; warm secondary */
[data-theme="c"] .btn--wa { background: #25d366; color: #073b1e; }

/* Wholesale block warm-dark */
[data-theme="c"] .opt { background: linear-gradient(155deg, #2a1d12, #1c130b); }
[data-theme="c"] .opt-feat svg { color: #fbbf77; }
[data-theme="c"] .opt-stat .os .n { color: #fff; }

/* Footer warm-charcoal */
[data-theme="c"] .site-footer { background: #211a12; color: #c9bda9; }
[data-theme="c"] .footer-col a { color: #b7ab97; }
[data-theme="c"] .footer-about { color: #968a76; }
[data-theme="c"] .footer-sub input { background: #2c241a; border-color: #3a3024; }
[data-theme="c"] .footer-bottom { border-top-color: #352b20; }
[data-theme="c"] .pays .pay { background: #2c241a; color: #b7ab97; }

/* Quality variant selected — warm-blue blend */
[data-theme="c"] .qvariants .qv.sel { background: var(--blue-soft); }