/* Meidar — Base layer: light reset, RTL defaults, base typography.
   Hebrew-first → document direction is RTL by default. */

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

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  direction: rtl;
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  font-weight: var(--weight-regular);
  color: var(--text-primary);
  background: var(--surface-page);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* LTR opt-in for English content blocks */
[dir="ltr"] { direction: ltr; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--text-primary);
}

p { margin: 0; }

a {
  color: var(--text-link);
  text-decoration: none;
  transition: color var(--duration-fast) var(--ease-standard);
}
a:hover { color: var(--brand-active); }

img, svg, video { display: block; max-width: 100%; }

button { font: inherit; color: inherit; }

::selection { background: var(--orange-200); color: var(--ink-950); }

:focus-visible {
  outline: none;
  box-shadow: var(--ring-focus);
  border-radius: var(--radius-sm);
}

/* Utility: brand-tinted scrollbars in long panels (optional, progressive) */
* { scrollbar-color: var(--ink-300) transparent; }