.elementor-kit-5{--e-global-color-primary:#FF6B00;--e-global-color-secondary:#1C1917;--e-global-color-text:#44403C;--e-global-color-accent:#C25400;--e-global-color-bf1a368:#EEEEEE;--e-global-color-1ca0c14:#000000;--e-global-color-2f2f2fe:#FFFFFF;--e-global-typography-primary-font-family:"Heebo";--e-global-typography-primary-font-size:44px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.3;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Alef Hebrew";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.3;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h1{color:var( --e-global-color-accent );font-family:"Heebo", Sans-serif;font-size:52px;font-weight:600;line-height:1.5;}.elementor-kit-5 h2{font-family:"Heebo", Sans-serif;font-size:28px;font-weight:400;line-height:1.5;}.elementor-kit-5 h3{font-family:"Heebo", Sans-serif;font-size:24px;line-height:1.5;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1124px){.elementor-kit-5{--e-global-typography-primary-font-size:36px;--e-global-typography-text-font-size:18px;--e-global-typography-text-line-height:1.3;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h1{font-size:36px;}.elementor-kit-5 h2{font-size:24px;}.elementor-kit-5 h3{font-size:20px;line-height:1.5;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-primary-font-size:28px;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.3;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h1{font-size:24px;}.elementor-kit-5 h2{font-size:20px;}.elementor-kit-5 h3{font-size:16px;line-height:1.5;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
  /* ---------- Brand palette (raw) ---------- */
  --orange-50:  #FFF7F0;
  --orange-100: #FFEDE0;
  --orange-200: #FFD3B0;
  --orange-300: #FF8534;
  --orange-500: #FF6B00;  /* primary brand */
  --orange-600: #E85F00;
  --orange-700: #C25400;  /* AA on white for small text (4.5:1+) */
  --orange-800: #9A4400;

  /* Warm grays (stone) */
  --gray-0:    #FFFFFF;
  --gray-50:   #FCFBFA;
  --gray-100:  #F7F5F3;
  --gray-200:  #ECE8E3;
  --gray-300:  #D6D3D1;
  --gray-400:  #A8A29E;
  --gray-500:  #78716C;
  --gray-600:  #57534E;
  --gray-700:  #44403C;
  --gray-800:  #292524;
  --gray-900:  #1C1917;
  --gray-950:  #0F0D0B;

  /* ---------- Typography ---------- */
  --font-main: 'Heebo', 'Segoe UI', Tahoma, Arial, sans-serif;

  /* Fluid type scale (mobile → desktop) */
  --text-xs:   clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);  /* 12–13px */
  --text-sm:   clamp(0.875rem, 0.85rem + 0.15vw, 0.9375rem); /* 14–15px */
  --text-base: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);      /* 16–17px */
  --text-lg:   clamp(1.125rem, 1.05rem + 0.35vw, 1.25rem);   /* 18–20px */
  --text-xl:   clamp(1.25rem, 1.15rem + 0.6vw, 1.5rem);      /* 20–24px */
  --text-2xl:  clamp(1.5rem, 1.3rem + 1vw, 2rem);            /* 24–32px */
  --text-3xl:  clamp(1.875rem, 1.55rem + 1.6vw, 2.5rem);     /* 30–40px */
  --text-4xl:  clamp(2.25rem, 1.8rem + 2.4vw, 3.25rem);      /* 36–52px */

  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold: 600;
  --weight-bold:    700;
  --weight-black:   900;

  --leading-tight:  1.2;
  --leading-normal: 1.5;
  --leading-loose:  1.7;   /* Hebrew body reads better slightly looser */

  /* ---------- Spacing (4px base) ---------- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;

  /* Section padding (responsive) */
  --section-y: clamp(48px, 8vw, 96px);
  --container-max: 1200px;
  --container-pad: clamp(16px, 4vw, 32px);

  /* ---------- Radius ---------- */
  --radius-sm:   6px;   /* buttons, badges, inputs */
  --radius-md:   8px;   /* cards */
  --radius-lg:   12px;  /* large cards, modals */
  --radius-full: 100px; /* pills */

  /* ---------- Shadows ---------- */
  --shadow-sm: 0 1px 3px rgba(28, 25, 23, 0.08);
  --shadow-md: 0 4px 12px rgba(28, 25, 23, 0.10);
  --shadow-lg: 0 8px 32px rgba(28, 25, 23, 0.14);
  --shadow-glow: 0 0 32px rgba(255, 107, 0, 0.35); /* orange glow (dark mode CTAs) */

  /* ---------- Motion ---------- */
  --ease: cubic-bezier(0.2, 0, 0, 1);
  --duration-fast: 150ms;
  --duration-base: 250ms;

  /* ---------- Focus (WCAG 2.2 — visible focus) ---------- */
  --focus-ring: 0 0 0 3px rgba(255, 107, 0, 0.45);
}

/* ============================================================
   SEMANTIC TOKENS — LIGHT (default)
   ============================================================ */
:root {
  color-scheme: light;

  --bg-page:      var(--gray-50);
  --bg-surface:   var(--gray-0);
  --bg-subtle:    var(--gray-100);
  --bg-inverse:   var(--gray-900);

  --text-primary:   var(--gray-900);
  --text-secondary: var(--gray-600);  /* 6.4:1 on white — AA small text */
  --text-muted:     var(--gray-500);  /* 4.6:1 on white — AA small text */
  --text-inverse:   var(--gray-0);

  --border-default: var(--gray-200);
  --border-strong:  var(--gray-300);

  /* Actions — buttons & links (orange per brand) */
  --action-primary:        var(--orange-500); /* large text / UI: 3.1:1 on white ✓ */
  --action-primary-hover:  var(--orange-600);
  --action-primary-text:   #FFFFFF;
  --link:        var(--orange-700);  /* 4.8:1 on white — AA for small link text */
  --link-hover:  var(--orange-800);

  /* Status */
  --success:      #1A7F37;
  --success-bg:   #E9F5EC;
  --warning:      #9A6700;
  --warning-bg:   #FFF6E0;
  --error:        #C93030;
  --error-bg:     #FCEBEB;
  --info:         var(--orange-700);
  --info-bg:      var(--orange-50);
}

/* ============================================================
   SEMANTIC TOKENS — DARK
   ============================================================ */
@media (prefers-color-scheme: dark) {
  :root:not(.theme-light) {
    color-scheme: dark;

    --bg-page:      var(--gray-950);
    --bg-surface:   var(--gray-900);
    --bg-subtle:    var(--gray-800);
    --bg-inverse:   var(--gray-0);

    --text-primary:   #FAFAF9;
    --text-secondary: var(--gray-300);  /* 10.9:1 on gray-950 */
    --text-muted:     var(--gray-400);  /* 6.9:1 on gray-950 */
    --text-inverse:   var(--gray-900);

    --border-default: rgba(255, 255, 255, 0.10);
    --border-strong:  rgba(255, 255, 255, 0.18);

    --action-primary:        var(--orange-500);
    --action-primary-hover:  var(--orange-300);
    --action-primary-text:   #FFFFFF;
    --link:        var(--orange-300);  /* 6.3:1 on gray-950 — AA small text */
    --link-hover:  var(--orange-200);

    --success:      #4CC38A;
    --success-bg:   rgba(76, 195, 138, 0.12);
    --warning:      #F5C518;
    --warning-bg:   rgba(245, 197, 24, 0.12);
    --error:        #F26D6D;
    --error-bg:     rgba(242, 109, 109, 0.12);
    --info:         var(--orange-300);
    --info-bg:      rgba(255, 107, 0, 0.12);

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);
  }
}

/* Manual override — add .theme-dark to <body> (e.g. via toggle) */
.theme-dark {
  color-scheme: dark;

  --bg-page:      var(--gray-950);
  --bg-surface:   var(--gray-900);
  --bg-subtle:    var(--gray-800);
  --bg-inverse:   var(--gray-0);

  --text-primary:   #FAFAF9;
  --text-secondary: var(--gray-300);
  --text-muted:     var(--gray-400);
  --text-inverse:   var(--gray-900);

  --border-default: rgba(255, 255, 255, 0.10);
  --border-strong:  rgba(255, 255, 255, 0.18);

  --action-primary:        var(--orange-500);
  --action-primary-hover:  var(--orange-300);
  --action-primary-text:   #FFFFFF;
  --link:        var(--orange-300);
  --link-hover:  var(--orange-200);

  --success:      #4CC38A;
  --success-bg:   rgba(76, 195, 138, 0.12);
  --warning:      #F5C518;
  --warning-bg:   rgba(245, 197, 24, 0.12);
  --error:        #F26D6D;
  --error-bg:     rgba(242, 109, 109, 0.12);
  --info:         var(--orange-300);
  --info-bg:      rgba(255, 107, 0, 0.12);

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);
}

/* ============================================================
   BASE APPLICATION (minimal — Elementor-friendly)
   ============================================================ */
body {
  font-family: var(--font-main);
  background: var(--bg-page);
  color: var(--text-primary);
  line-height: var(--leading-loose);
}

a {
  color: var(--link);
  transition: color var(--duration-fast) var(--ease);
}
a:hover { color: var(--link-hover); }

:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
  border-radius: var(--radius-sm);
}/* End custom CSS */