/*
  Madar Jewelry — Base
  ======================
  Resets and element defaults. Load order: tokens.css, base.css,
  components.css, site.css.
*/

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
  background: var(--color-ivory);
  color: var(--color-text);
  font-family: var(--font-body);
  font-weight: 300;
  font-size: var(--text-body);
  line-height: var(--leading-body);
  direction: rtl;
  overflow-x: hidden;
}

img { max-width: 100%; display: block; }
a { color: inherit; }
button { font: inherit; color: inherit; background: none; border: none; }
ul { list-style: none; }

h1, h2, h3 { font-weight: 300; line-height: var(--leading-tight); text-wrap: balance; }

::selection { background: var(--color-gold-light); color: var(--color-ink); }

/* ============ Utilities ============ */
.num { font-variant-numeric: tabular-nums; direction: ltr; unicode-bidi: isolate; display: inline-block; }
.accent-en { font-family: var(--font-accent); font-style: italic; direction: ltr; unicode-bidi: isolate; }
.hidden { display: none; }