:root {
  /* Colors — from Figma */
  --tw-color-white: #ffffff;
  --tw-color-black: #060606;
  --tw-color-ink: #110f0f;
  --tw-color-announce: #1b1919;
  --tw-color-text: #372c2c;
  --tw-color-text-muted: #626262;
  --tw-color-text-soft: #797979;
  --tw-color-text-light: #b6b6b6;
  --tw-color-price: #494745;
  --tw-color-price-old: #cdcdcd;
  --tw-color-border: #d1d1d1;
  --tw-color-hero-bg: #f7f6f9;
  --tw-color-card-bg: #f9f9fa;
  --tw-color-footer: #1b1919;
  --tw-color-accent: #fca22b;
  --tw-color-dot: #f9b253;
  --tw-color-btn-dark: #383432;
  --tw-color-testimonial-name: #453232;

  --tw-gradient-heading: linear-gradient(90deg, #6d6861 0%, #453e34 100%);
  --tw-gradient-cta: linear-gradient(97.31deg, #40322a 1.82%, #724225 111.81%);

  /* Typography */
  --tw-font: "Noto Sans Hebrew", Arial, sans-serif;
  --tw-font-almog: "FUP Almog", "Noto Sans Hebrew", Arial, sans-serif;

  /* Layout — Figma 1920 with ~260 side gutters → 1400 content */
  --tw-container: 1400px;
  --tw-gutter: 24px;
  --tw-radius-card: 16px;
  --tw-radius-pill: 99px;

  /* Breakpoints documented for reference:
     tablet: max-width 1024px
     mobile: max-width 768px
  */
}