:root {
  /* ===== Hatoon brand tokens ===== */
  --hr-cream:        #FBF6EC;
  --hr-cream-deep:    #F3EBDA;
  --hr-honey:         #D97A2B;
  --hr-honey-dark:    #B5601C;
  --hr-honey-light:   #F1A85C;
  --hr-olive:         #7A8450;
  --hr-ink:           #3A2E22;
  --hr-ink-soft:      #6B5D4C;
  --hr-line:          #E6DCC6;
  --hr-white:         #FFFFFF;

  --hr-radius:        16px;
  --hr-radius-sm:     10px;
  --hr-shadow:        0 8px 24px rgba(58, 46, 34, 0.08);
  --hr-shadow-soft:   0 2px 8px rgba(58, 46, 34, 0.06);

  --hr-font-display:  'Cairo', sans-serif;
  --hr-font-body:     'Tajawal', sans-serif;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: transparent;
  font-family: var(--hr-font-body);
  color: var(--hr-ink);
}

button, input, textarea {
  font-family: inherit;
}

/* ===================== STAR RATING ===================== */
.hr-star {
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
}
.hr-star svg { display: block; width: 100%; height: 100%; }
.hr-star--lg { width: 26px; height: 26px; }