/* ============================================================
   "שולחן שרטוט" — ניירת בהירה, קווי רשת דקים, טיפוגרפיה טכנית.
   IBM Plex Sans Hebrew לכותרות וגוף, IBM Plex Mono לכל נתון מספרי
   (תאריך, משך, קוד סטטוס) — כמו טבלת נתונים על תוכנית הנדסית.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Hebrew:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  --paper: #f6f4ec;
  --paper-grid: rgba(28, 44, 66, 0.05);
  --ink: #1c2430;
  --ink-dim: #5c6675;
  --line: rgba(28, 44, 66, 0.14);
  --surface: #ffffff;
  --surface-border: rgba(28, 44, 66, 0.12);

  --navy: #1e3a5f;
  --navy-deep: #16293f;
  --amber: #c2760a;
  --amber-bg: rgba(194, 118, 10, 0.12);
  --green: #187a4c;
  --green-bg: rgba(24, 122, 76, 0.12);
  --rust: #b83b2e;
  --rust-bg: rgba(184, 59, 46, 0.12);

  --font-head: 'IBM Plex Sans Hebrew', sans-serif;
  --font-body: 'IBM Plex Sans Hebrew', sans-serif;
  --font-data: 'IBM Plex Mono', ui-monospace, monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #12161c;
    --paper-grid: rgba(223, 230, 240, 0.045);
    --ink: #e8e6df;
    --ink-dim: #9aa3b2;
    --line: rgba(223, 230, 240, 0.14);
    --surface: #1a1f27;
    --surface-border: rgba(223, 230, 240, 0.14);

    --navy: #86acdd;
    --navy-deep: #b3cdef;
    --amber: #e2a53f;
    --amber-bg: rgba(226, 165, 63, 0.16);
    --green: #4fd08a;
    --green-bg: rgba(79, 208, 138, 0.14);
    --rust: #e2685a;
    --rust-bg: rgba(226, 104, 90, 0.16);
  }
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

body {
  background-color: var(--paper);
  background-image:
    linear-gradient(var(--paper-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--paper-grid) 1px, transparent 1px);
  background-size: 28px 28px;
  color: var(--ink);
  font-family: var(--font-body);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
  font-family: var(--font-head);
  font-weight: 600;
  line-height: 1.25;
  margin: 0 0 0.4em;
  color: var(--ink);
}
h1 { font-size: 1.7rem; letter-spacing: -0.02em; }
h2 { font-size: 1.25rem; }
h3 { font-size: 1.05rem; }

p { margin: 0 0 0.6em; }

a { color: var(--navy); }

/* כל שדה מספרי/תאריך/קוד — במונוספייס, ותמיד כיוון LTR כדי שלא יתהפך בתוך משפט עברי */
.data, time, .num {
  font-family: var(--font-data);
  direction: ltr;
  unicode-bidi: isolate;
}

.muted { color: var(--ink-dim); }

::selection { background: var(--amber-bg); color: var(--ink); }

/* פס גלילה דק, תואם ערכה */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: var(--line); border-radius: 6px; }