/*
 * Ecomladen design tokens
 * Source: Zero-Lifestyle-style mockup package (preserved per site owner instruction).
 * Currency/locale formatting is handled by WooCommerce natively (EUR) --
 * these tokens are visual only.
 */
:root {
  --ecl-navy: #0A1073;
  --ecl-navy-deep: #070B4E;
  --ecl-ink: #111112;
  --ecl-body-gray: #6B6B72;
  --ecl-meta-gray: #8A8A96;
  --ecl-border-gray: #D8D8E2;
  --ecl-hairline: #E8E8EE;
  --ecl-surface: #F6F6F9;
  --ecl-tint-navy: #F4F5FF;
  --ecl-accent-lime: #C6F53C;
  --ecl-sale-red: #E11D0F;
  --ecl-peach: #F2E6D8;
  --ecl-whatsapp-green: #25D366;
  --ecl-white: #FFFFFF;

  --ecl-font-primary: 'Outfit', sans-serif;
  --ecl-font-secondary: 'Manrope', sans-serif;

  --ecl-h1-size: 34px;
  --ecl-h1-size-sm: 27px;
  --ecl-hero-size: 64px;
  --ecl-hero-size-sm: 38px;
  --ecl-h2-size: 27px;
  --ecl-h2-small-size: 23px;
  --ecl-h3-size: 16px;
  --ecl-body-size: 14.5px;
  --ecl-small-size: 13px;
  --ecl-eyebrow-size: 12px;
  --ecl-body-line-height: 1.7;
  --ecl-heading-letter-spacing: -0.02em;
  --ecl-eyebrow-letter-spacing: 0.09em;

  --ecl-container-width: 1280px;
  --ecl-radius-button: 4px;
  --ecl-bp-laptop: 1240px;
  --ecl-bp-mobile: 900px;
}