/* ============================================================
   RELAVENDO · BASE — light resets + RTL defaults.
   Kept minimal; components own their own styling via tokens.
   ============================================================ */
:root {
  color-scheme: light;
}

/* Hebrew-first, RTL-first body defaults. Opt in by adding
   class="rlv-root" on the app/page container. */
.rlv-root {
  direction: rtl;
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--text-primary);
  background: var(--bg-app);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.rlv-root :where(h1, h2, h3, h4) {
  font-family: var(--font-display);
  line-height: var(--lh-snug);
  font-weight: var(--fw-semibold);
  margin: 0;
}

/* LTR island for numbers, money, latin fragments inside RTL text */
.rlv-ltr {
  direction: ltr;
  unicode-bidi: isolate;
}