:root {
  --milimbo-font-heading: Rubik, Assistant, "Noto Sans Hebrew", Arial, sans-serif;
  --milimbo-font-body: Assistant, "Noto Sans Hebrew", Arial, sans-serif;
  --milimbo-bg: #fffaf5;
  --milimbo-bg-soft: #fff4ea;
  --milimbo-surface: #ffffff;
  --milimbo-surface-warm: #fffdf9;
  --milimbo-navy: #1a204f;
  --milimbo-navy-2: #11183e;
  --milimbo-muted: #666985;
  --milimbo-coral: #ff315d;
  --milimbo-coral-dark: #ea214f;
  --milimbo-coral-soft: #fff0f4;
  --milimbo-purple: #7656e8;
  --milimbo-purple-soft: #f1ecff;
  --milimbo-teal: #0aa89a;
  --milimbo-teal-soft: #e9faf7;
  --milimbo-gold: #ffb52f;
  --milimbo-gold-soft: #fff4d9;
  --milimbo-blue: #2f7ff3;
  --milimbo-blue-soft: #edf5ff;
  --milimbo-border: #eee3da;
  --milimbo-border-strong: #ded1c7;
  --milimbo-shadow-sm: 0 8px 24px rgb(20 26 68 / 7%);
  --milimbo-shadow-md: 0 18px 50px rgb(20 26 68 / 10%);
  --milimbo-shadow-lg: 0 28px 80px rgb(20 26 68 / 13%);
  --milimbo-radius-sm: 12px;
  --milimbo-radius-md: 18px;
  --milimbo-radius-lg: 28px;
  --milimbo-radius-xl: 38px;
  --milimbo-radius-pill: 999px;
  --milimbo-container: 1320px;
  --milimbo-container-wide: 1320px;
  --milimbo-container-narrow: 780px;
  --milimbo-gutter: clamp(18px, 3vw, 38px);
  --milimbo-section: clamp(14px, 1.5vw, 24px);
  --milimbo-card-image-ratio: 16 / 10;
  --card-image-ratio: var(--milimbo-card-image-ratio);
  --milimbo-transition: 180ms ease;
}