/* Тема light — світлий чистий магазин: багато повітря, смарагдовий акцент */
:root {
  --bg: #ffffff;
  --surface: #f6f8f9;
  --surface-2: #eef2f3;
  --nav-bg: rgba(255, 255, 255, .86);
  --footer-bg: #f6f8f9;
  --grad-hero: linear-gradient(168deg, #ecfdf5 0%, #f0fdfa 45%, #ffffff 100%);
  --hero-fade: linear-gradient(180deg, transparent, #ffffff);
  --hero-sub: #4b5b60;
  --grad-text: linear-gradient(92deg, #0f9d76, #0d7490);
  --grad-headline: linear-gradient(92deg, #0f9d76, #0d7490);
  --accent: #0f9d76;
  --glow: rgba(15, 157, 118, .35);
  --text-1: #0d1b1e;
  --text-2: #5c6b70;
  --border: rgba(13, 27, 30, .1);
  --card-bg: #ffffff;
  --card-border: rgba(13, 27, 30, .1);
  --card-border-hover: rgba(15, 157, 118, .5);
  --card-shadow: 0 12px 30px rgba(13, 27, 30, .1);
  --price-color: #0d1b1e;
  --pill-glass-bg: rgba(15, 157, 118, .1);
  --pill-glass-hover: rgba(15, 157, 118, .18);
  --pill-glass-border: rgba(15, 157, 118, .28);
  --pill-glass-text: #0b5c47;
  --btn-bg: linear-gradient(92deg, #10b981, #0d7490);
  --btn-text: #fff;
  --btn-shadow: 0 8px 24px rgba(15, 157, 118, .28);
  --btn-shadow-hover: 0 12px 32px rgba(15, 157, 118, .38);
  --radius-pill: 980px;
  --radius-card: 14px;
  --font: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Unbounded', 'Manrope', system-ui, sans-serif;
}

/* Світлій темі потрібні чіткіші межі замість тіней-світінь */
.card { box-shadow: 0 1px 2px rgba(13, 27, 30, .04); }
.section-dark { background: var(--surface); }
.pill-accent { color: #fff; }
.card-img { background: var(--surface-2); }
.hero { border-bottom: 1px solid var(--border); }
.hero h1 { letter-spacing: -.02em; }
.footer { border-top: 1px solid var(--border); }