/**
 * Bewo design tokens
 * Source: https://tzp20b-j9.myshopify.com/ (Shopify theme t/30 + bewo-*.css)
 * Extracted: 2026-08-26
 */

:root {
  /* ——— Brand palette (scheme-7 + custom CSS) ——— */
  --bewo-accent: #ff6622;
  --bewo-accent-hover: #e55a1a;
  --bewo-accent-deep: #531003;
  --bewo-ink: #4a342c;
  --bewo-ink-muted: #4a342c9e;
  --bewo-ink-soft: #4a342c73;
  --bewo-lilac: #c2aed3;
  --bewo-lilac-soft: #efe8f5;
  --bewo-lilac-border: #c2aed373;
  --bewo-lilac-deep: #352447;
  --bewo-lilac-muted: #6e587f;

  /* Legacy / alternate scheme primary (schemes 1–6, 8–11) */
  --bewo-sale-red: #d63a2f;

  /* Surfaces */
  --bewo-surface: #ffffff;
  --bewo-surface-muted: #f6f6f6;
  --bewo-cream: #f3eeea;
  --bewo-blush: #f4e4e3;
  --bewo-sand: #e8dcd0;
  --bewo-community-wash: #f4ece6;
  --bewo-field: #f5f5f5;
  --bewo-border: #e6e6e6;
  --bewo-border-warm: #e8c4b0;

  /* Badges (theme defaults) */
  --bewo-badge-sale: #d63a2f;
  --bewo-badge-new: #559b60;
  --bewo-badge-hot: #6c69de;
  --bewo-badge-soldout: #a5a4ab;

  /* Typography */
  --font-bewo-heading: "Poppins", sans-serif;
  --font-bewo-body: "Quicksand", sans-serif;
  --font-bewo-detail: "Quicksand", sans-serif;
  --font-bewo-heading-weight: 700;
  --font-bewo-body-weight: 700;
  --font-bewo-heading-tracking: -0.04em;
  --font-bewo-heading-leading: 1.1;
  --font-bewo-body-size: 1.6rem;
  --font-bewo-body-leading: 1.625;

  /* Type scale (from theme :root) */
  --font-hd1-size: clamp(4.8rem, calc(2.339181vw + 3.005848rem), 6rem);
  --font-hd2-size: clamp(3.84rem, calc(1.871345vw + 2.404678rem), 4.8rem);
  --font-hd3-size: clamp(2.88rem, calc(1.403509vw + 1.803509rem), 3.6rem);
  --font-h1-size: clamp(3.2rem, calc(1.559454vw + 2.003899rem), 4rem);
  --font-h2-size: clamp(2.56rem, calc(1.247563vw + 1.603119rem), 3.2rem);
  --font-h3-size: clamp(2.24rem, calc(1.091618vw + 1.402729rem), 2.8rem);
  --font-h4-size: clamp(1.76rem, calc(0.8577vw + 1.102144rem), 2.2rem);

  /* Layout */
  --page-width: 1440px;
  --bewo-bento-inset: 2rem;
  --bewo-bento-radius: 1.6rem;
  --bewo-square-size: clamp(18rem, 32vw, 36rem);

  /* Radius scale */
  --bewo-radius-sm: 1.2rem;
  --bewo-radius-md: 1.6rem;
  --bewo-radius-lg: 2rem;
  --bewo-radius-xl: 3.2rem;
  --bewo-radius-button: 2.4rem;
  --bewo-radius-pill: 999px;
  --bewo-radius-badge: 0.55rem;

  /* Controls */
  --bewo-button-height: 4.8rem;
  --bewo-button-border-width: 1px;
  --bewo-card-atc-min-height: 4.4rem;

  /* Motion */
  --animation-default: 0.5s cubic-bezier(0.3, 1, 0.3, 1);
  --animation-fast: 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  --animation-nav: 0.5s cubic-bezier(0.6, 0, 0.4, 1);
  --duration-default: 200ms;
  --duration-image: 1000ms;
}

/* Shopify color-scheme-7 (homepage brand) as RGB triplets */
.color-scheme-bewo,
.color-scheme-7 {
  --color-background: 255, 255, 255;
  --color-secondary-background: 246, 246, 246;
  --color-primary: 255, 102, 34;
  --color-text-heading: 255, 102, 34;
  --color-foreground: 74, 52, 44;
  --color-border: 232, 196, 176;
  --color-button: 255, 102, 34;
  --color-button-text: 255, 255, 255;
  --color-secondary-button: 255, 255, 255;
  --color-secondary-button-border: 255, 102, 34;
  --color-secondary-button-text: 255, 102, 34;
  --color-button-hover-background: 83, 16, 3;
  --color-button-hover-text: 255, 255, 255;
  --color-button-before: #b52307;
  --color-field: 255, 255, 255;
  --color-field-text: 74, 52, 44;
  --color-link: 255, 102, 34;
  --color-link-hover: 214, 114, 69;
  --color-product-price-sale: 214, 114, 69;
}