/*
Theme Name: Marassina
Theme URI: https://tienda.marassinaperu.com/
Author: Marassina
Description: A fast, calm WooCommerce theme for Tienda Marassina.
Version: 0.7.0
Requires at least: 6.1
Requires PHP: 7.4
Text Domain: marassina
Domain Path: /languages
*/

:root {
  --marassina-green: #173f35;
  --marassina-green-dark: #0e2b25;
  --marassina-green-soft: #dfe9e1;
  --marassina-pink: #d92978;
  --marassina-cream: #f8f6f0;
  --marassina-sand: #eee9dd;
  --marassina-ink: #202824;
  --marassina-muted: #68736d;
  --marassina-border: #d8ded8;
  --marassina-radius: 14px;
  --marassina-radius-lg: 18px;
  --marassina-radius-pill: 999px;
  --marassina-shadow: 0 14px 40px rgba(23, 63, 53, .09);
  --marassina-shadow-hover: 0 20px 48px rgba(23, 63, 53, .14);
}

/* Self-hosted rather than loaded from Google Fonts' CDN — avoids an extra
   third-party DNS/TLS round trip. A single variable-weight woff2 (Latin
   subset, covers Spanish accents/ñ) does the whole 400-800 weight range that
   was previously three separate static-weight font files. */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('assets/fonts/work-sans-variable.woff2') format('woff2');
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--marassina-cream);
  color: var(--marassina-ink);
  font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  line-height: 1.65;
}

/* Browsers default form controls to a system UI font regardless of body's
   own font-family — this makes every button/input/select/textarea actually
   inherit Work Sans too, so the theme font is consistent everywhere. */
button, input, select, textarea {
  font-family: inherit;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(217, 41, 120, .32);
  outline-offset: 3px;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}