/*
Theme Name: Lotus Vita Storefront
Theme URI: https://www.lotusvita.com/
Author: Lotus Vita
Description: Git-managed block theme for the Lotus Vita storefront.
Version: 0.3.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: lotusvita-storefront
*/

:root {
  --lv-color-ink: var(--wp--preset--color--neutral-900, #1d1d1b);
  --lv-color-muted: var(--wp--preset--color--neutral-600, #585858);
  --lv-color-sage: var(--wp--preset--color--sage-500, #738063);
  --lv-color-sage-soft: var(--wp--preset--color--sage-400, #899976);
  --lv-color-sage-dark: var(--wp--preset--color--sage-700, #58634b);
  --lv-color-cream: var(--wp--preset--color--cream-100, #f9f6f4);
  --lv-color-cream-deep: var(--wp--preset--color--cream-200, #f3ece7);
  --lv-color-line: var(--wp--preset--color--cream-400, #d8d3cf);
  --lv-color-white: #fff;
  --lv-font-body: var(--wp--preset--font-family--sans, Montserrat, sans-serif);
  --lv-font-display: var(--wp--preset--font-family--serif, "Cormorant Garamond", serif);
  --lv-radius-sm: 4px;
  --lv-radius: 8px;
  --lv-radius-lg: 16px;
  --lv-shadow-sm: 0 2px 5px rgb(0 0 0 / 20%);
  --lv-shadow-soft: 0 18px 60px rgb(29 29 27 / 9%);
  --lv-page-gutter: clamp(1rem, 6.67vw, 6rem);
  --lv-content-max: 1248px;
  --lv-section-space: clamp(4.5rem, 8vw, 8rem);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; text-wrap: pretty; }
a { text-underline-offset: 0.2em; }
button, input, textarea, select { font: inherit; }
img { max-width: 100%; }
.wp-site-blocks { min-height: 100vh; }

.lv-site-header {
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--lv-color-line);
  position: sticky;
  top: 0;
  z-index: 20;
}

.admin-bar .lv-site-header { top: 32px; }
.lv-card { border: 1px solid var(--lv-color-line); box-shadow: var(--lv-shadow-sm); height: 100%; }
.lv-kicker { letter-spacing: 0.12em; text-transform: uppercase; }
.lv-hero { overflow: hidden; position: relative; }
.lv-stat { border-left: 2px solid var(--lv-color-sage); padding-left: var(--wp--preset--spacing--40); }
.wp-block-button__link { transition: box-shadow 160ms ease, transform 160ms ease; }
.wp-block-button__link:hover { box-shadow: var(--lv-shadow-sm); transform: translateY(-2px); }

@media (max-width: 782px) {
  .admin-bar .lv-site-header { top: 46px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
}