/*
 * ר.ת.מ בנקר — טוקנים של מערכת העיצוב
 * הצבעים נגזרים משני מקורות אמיתיים: הכחול של הלוגו והירוק של מכונות IPC.
 */

:root {
	/* --- צבע --- */
	/* הלקוח ביקש פעמיים אתר בצבעי IPC, ולכן המבנה עבר לירוק.
	   הכהה הוא ירוק־יער עמוק ולא נייבי: הוא נותן את אותה יציבות
	   תעשייתית, ומאפשר לירוק הבהיר של IPC לזהור עליו (8.9:1). */
	--rtm-navy: #0f2e14;
	--rtm-navy-soft: #1a4520;
	--rtm-blue: #2f7d32;
	--rtm-blue-dark: #246326;
	--rtm-blue-tint: #eef7ee;

	/* הירוק המדויק של IPC, נלקח מגיליון הסגנון שלהם (#66D43D).
	   על נייבי הוא נותן 8.55:1, ונייבי עליו נותן אותו יחס — ולכן הוא
	   עובד גם כרקע לכפתור וגם כטקסט על רקע כהה. */
	--rtm-green: #66d43d;          /* IPC — פעולה בלבד */
	--rtm-green-dark: #57b334;     /* גוון IPC הכהה, ל-hover ולאייקונים */
	--rtm-green-text: #38731f;     /* לטקסט על לבן (5.77:1 — עובר AA) */
	--rtm-green-tint: #eff9e9;

	--rtm-steel: #4a5568;
	--rtm-steel-soft: #5f6a7c;     /* הוכהה מ-#6b7688 כדי לעבור AA על משטח בהיר */
	--rtm-line: #d9e0e8;
	--rtm-surface: #e8ecf1;
	--rtm-surface-soft: #f4f7fa;
	--rtm-white: #ffffff;
	--rtm-amber: #e8a33d;

	--rtm-text: var(--rtm-navy);
	--rtm-text-soft: var(--rtm-steel);
	--rtm-bg: var(--rtm-white);

	/* --- טיפוגרפיה --- */
	--rtm-font-head: 'Heebo', 'Arial Hebrew', system-ui, sans-serif;
	--rtm-font-body: 'Assistant', 'Arial Hebrew', system-ui, sans-serif;
	--rtm-font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', monospace;

	--rtm-fs-xs: 0.875rem;   /* 14 */
	--rtm-fs-sm: 1rem;       /* 16 */
	--rtm-fs-md: 1.125rem;   /* 18 */
	--rtm-fs-lg: 1.375rem;   /* 22 */
	--rtm-fs-xl: 1.75rem;    /* 28 */
	--rtm-fs-2xl: 2.25rem;   /* 36 */
	--rtm-fs-3xl: 3rem;      /* 48 */
	--rtm-fs-4xl: 4rem;      /* 64 */

	--rtm-lh-tight: 1.2;
	--rtm-lh-body: 1.65;

	/* --- מרווחים (סולם 8) --- */
	--rtm-s1: 0.25rem;
	/* גובה ההאדר הדביק. פאנלים צפים מחשבים ממנו את תקרת הגובה שלהם,
	   אחרת ראשם נחתך מתחתיו במסך נמוך. */
	--rtm-headh: 85px;

	--rtm-s2: 0.5rem;
	--rtm-s3: 1rem;
	--rtm-s4: 1.5rem;
	--rtm-s5: 2rem;
	--rtm-s6: 3rem;
	--rtm-s7: 4rem;
	--rtm-s8: 6rem;

	/* --- מבנה --- */
	--rtm-container: 1280px;
	--rtm-gutter: 1.5rem;
	--rtm-radius: 4px;
	--rtm-radius-lg: 8px;

	--rtm-shadow-sm: 0 1px 2px rgba(10, 31, 68, .08);
	--rtm-shadow: 0 2px 8px rgba(10, 31, 68, .10);
	--rtm-shadow-lg: 0 8px 28px rgba(10, 31, 68, .14);

	--rtm-ring: 0 0 0 3px rgba(11, 77, 162, .35);

	--rtm-header-h: 84px;
	--rtm-header-h-sticky: 64px;

	--rtm-ease: cubic-bezier(.2, .7, .3, 1);
	--rtm-dur: .22s;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--rtm-dur: .001s;
	}
}