/*
 * Wandtattoowelt design tokens (theme engine: ecomladen-custom).
 * Palette derived from the Wandtattoowelt logo: deep violet for text and
 * dark surfaces, the brand orange #FE8B4C as accent.
 * Variable names kept unchanged (--ecl-*) so every component keeps working.
 */
:root {
  --ecl-navy: #3B1D5E;
  --ecl-navy-deep: #26113F;
  --ecl-ink: #1D1523;
  --ecl-body-gray: #6B6574;
  --ecl-meta-gray: #8C8596;
  --ecl-border-gray: #DDD5E6;
  --ecl-hairline: #ECE6F1;
  --ecl-surface: #FAF6F2;
  --ecl-tint-navy: #F6F0FC;
  --ecl-accent-lime: #FE8B4C;
  --ecl-sale-red: #D8342A;
  --ecl-peach: #FFE9DB;
  --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;
}

/* Wandtattoowelt logo accents (playful secondary palette) */
:root {
  --wtw-orange: #FE8B4C;
  --wtw-yellow: #F6C544;
  --wtw-teal: #2EC4C6;
  --wtw-pink: #F17DB5;
  --wtw-lilac: #B28BD9;
  --wtw-rainbow: linear-gradient(90deg, #FE8B4C 0%, #F6C544 25%, #2EC4C6 50%, #F17DB5 75%, #B28BD9 100%);
}