/* אטלס הגוף: shared design tokens (both pages). Owned by the lead; pages add their own sheets on top. */
@import url("fonts.css");

:root {
  color-scheme: dark;

  /* theatre */
  --ink: #060a13;
  --ink-2: #0c1424;
  --ink-3: #131d33;
  --text: #f3efe6;
  --muted: #9aa7bb;
  --faint: #66738a;
  --line: rgba(255, 255, 255, .12);
  --line-strong: rgba(255, 255, 255, .22);

  /* the body's sides: left is the heart's side */
  --left: #ff4d5e;
  --left-soft: rgba(255, 77, 94, .16);
  --right: #5ad1e6;
  --right-soft: rgba(90, 209, 230, .14);
  --accent: var(--left);
  --bone: #e9e2d0;
  --ok: #6fe3a5;
  --warn: #ffb454;

  /* glass */
  --panel: rgba(18, 26, 44, .55);
  --panel-solid: #111a2e;
  --glass-blur: blur(18px) saturate(140%);
  --gloss: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, 0) 42%);
  --shadow: 0 18px 50px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .10);

  /* type */
  --font-display: "Heebo", "IBM Plex Sans Hebrew", system-ui, sans-serif;
  --font-ui: "IBM Plex Sans Hebrew", "Heebo", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* shape and rhythm */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;
  --tap: 44px;
  --gutter: clamp(16px, 4vw, 40px);
  --ease: cubic-bezier(.22, .8, .2, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--ink);
  color: var(--text);
  font-family: var(--font-ui);
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
button, input { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--right); outline-offset: 2px; }
.latin { font-family: var(--font-mono); direction: ltr; unicode-bidi: isolate; letter-spacing: .02em; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}