/* Design tokens of idanalush.digital, taken from the Elementor global kit (post-7).
   Elementor's own --e-global-* variables stay as the source of truth (existing page CSS reads them);
   the names below are readable aliases used by new elements and by the editor's color picker. */
:root {
  /* brand colors */
  --color-white: var(--e-global-color-primary, #FCFCFD);
  --color-sky: var(--e-global-color-secondary, #9AB9D7);
  --color-sky-30: var(--e-global-color-d93e56a, #9AB9D74F);
  --color-navy: var(--e-global-color-text, #020C2C);
  --color-navy-70: var(--e-global-color-0150dfe, #020C2CB3);
  --color-blue: var(--e-global-color-accent, #4169E1);
  --color-highlight-bg: #f0f2ff;

  /* fonts: "Ping " (with the trailing space) is the exact family name Typotheque registers */
  --font-main: "Ping ", "Noto Sans Hebrew", sans-serif;
  --font-alt: "Rubik", sans-serif;
  --font-weight-light: 300;
  --font-weight-heavy: 800;

  /* unified type scale (approved 11.10.2026): one size per role per device, set by role, not by HTML tag.
     Ping has only two real weights: light (300) and heavy (800). */
  --fs-page-title: 64px;   --fs-section-title: 48px; --fs-subtitle: 34px; --fs-card-title: 24px;
  --fs-number: 70px;       --fs-lead: 20px;          --fs-body: 18px;     --fs-small: 16px; --fs-tiny: 14px;

  /* layout */
  --container-desktop: 1140px;
  --container-tablet: 1024px;
  --container-mobile: 767px;
  --radius-button: 50px;

  /* breakpoints (documentation only, CSS media queries cannot read variables):
     mobile <= 767px, tablet 768-1279px, desktop >= 1280px, widescreen >= 1600px */
}

@media (max-width: 1279px) {
  :root { --fs-page-title: 56px; --fs-section-title: 44px; --fs-subtitle: 30px; --fs-card-title: 24px; --fs-number: 50px; --fs-lead: 20px; }
}
@media (max-width: 767px) {
  :root { --fs-page-title: 40px; --fs-section-title: 36px; --fs-subtitle: 28px; --fs-card-title: 22px; --fs-number: 50px; --fs-lead: 18px; }
}