/*
Theme Name: MOON Bangladesh
Theme URI: https://moonbangladesh.com/
Author: MOON Bangladesh
Description: Custom luxury menswear MOON Commerce / WooCommerce-compatible theme for MOON Bangladesh. Fashion-first mobile storefront with restrained lunar atmosphere, lightweight motion and conversion-focused WooCommerce UI.
Version: 2.0.1-rc41.2
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.1
Text Domain: moon-bangladesh
License: GNU General Public License v2 or later
*/

:root {
  --moon-bg: #020711;
  --moon-bg-soft: #06111f;
  --moon-surface: rgba(8, 22, 38, .78);
  --moon-surface-strong: #081522;
  --moon-line: rgba(92, 164, 255, .22);
  --moon-blue: #1687ff;
  --moon-blue-2: #59adff;
  --moon-white: #f7fbff;
  --moon-muted: #8ea5bc;
  --moon-red: #ff4d61;
  --moon-radius: 18px;
  --moon-shadow: 0 24px 80px rgba(0, 0, 0, .34);
  --moon-font-sans: "Helvetica Neue", "Segoe UI", Arial, Helvetica, sans-serif;
  --moon-font-display: "Helvetica Neue", "Segoe UI", Arial, Helvetica, sans-serif;
}

html { scroll-behavior: smooth; }
body { margin: 0; background: var(--moon-bg); color: var(--moon-white); font-family: var(--moon-font-sans); font-weight: 400; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* RC12: skip below-fold homepage layout/paint work until it approaches the viewport. */
@supports (content-visibility: auto) {
  .moon-home-content > section:nth-of-type(n+2),
  .moon-footer {
    content-visibility: auto;
    contain-intrinsic-size: auto 720px;
  }
}