/* קיבוץ יראון — design tokens (Figma: Semantic · Color, mode "New colors")
   Source of truth: https://www.figma.com/design/k3MQIk81jry77kyU7ukxic */
:root{
  /* primitives */
  --mist-50:#F3F7F5; --mist-100:#E5EEE9; --mist-200:#D3E0D9; --mist-300:#B5C9BE; --mist-500:#55695E; --mist-700:#3C5147; --mist-900:#1B2A25;
  --pine-100:#DCEDE1; --pine-300:#9CC9AB; --pine-500:#2E8A52; --pine-900:#04402A;
  --lake-100:#CFE6F0; --lake-300:#8EC3DA; --lake-500:#2A86AF; --lake-600:#1E6A8D; --lake-700:#165474; --lake-800:#103E57;
  --poppy-100:#FBE4DB; --poppy-600:#BF3E1E; --poppy-700:#962E14;
  --logo-green:#076036; --white:#fff; --black:#000;

  /* semantic */
  --surface-page:var(--mist-50); --surface-raised:var(--white); --surface-muted:var(--mist-100); --surface-sunken:var(--mist-200);
  --surface-inverse:var(--mist-900); --surface-brand:var(--logo-green); --surface-accent:var(--lake-100); --surface-accent-soft:var(--pine-100);
  --text-primary:var(--mist-900); --text-secondary:var(--mist-700); --text-muted:var(--mist-500); --text-on-inverse:var(--mist-50);
  --text-on-action:var(--white); --text-accent:var(--lake-600); --text-brand:var(--logo-green); --text-error:var(--poppy-700); --text-on-brand-accent:var(--lake-100);
  --border-default:var(--mist-200); --border-strong:var(--mist-300); --border-focus:var(--logo-green); --border-error:var(--poppy-600);
  --action-primary:var(--lake-600); --action-primary-hover:var(--lake-700); --action-primary-pressed:var(--lake-800);
  --action-secondary:var(--logo-green); --action-secondary-hover:var(--pine-100); --action-disabled:var(--mist-300);
  --feedback-error:var(--poppy-600); --feedback-error-bg:var(--poppy-100); --feedback-success:var(--logo-green); --feedback-success-bg:var(--pine-100);
  --icon-default:var(--mist-700); --logo-brand:var(--logo-green);

  /* spacing */
  --space-4:4px; --space-8:8px; --space-12:12px; --space-16:16px; --space-20:20px; --space-24:24px; --space-32:32px; --space-40:40px;
  --space-48:48px; --space-64:64px; --space-80:80px; --space-96:96px; --space-120:120px; --space-160:160px;
  /* radius */
  --radius-sm:4px; --radius-md:8px; --radius-lg:14px; --radius-xl:24px; --radius-full:999px;
  /* sizing */
  --size-icon:24px; --size-touch:44px; --size-control:52px; --size-control-sm:44px;
  /* layout — desktop */
  --container-max:1200px; --gutter:120px; --section-gap:120px; --block-gap:64px; --header-h:80px;
  /* type */
  --font:"Rubik", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --t-display:700 72px/80px var(--font); --t-h1:700 56px/64px var(--font); --t-h2:700 40px/48px var(--font); --t-h3:600 28px/36px var(--font); --t-h4:500 22px/30px var(--font);
  --t-body-lg:400 20px/32px var(--font); --t-body:400 17px/28px var(--font); --t-body-sm:400 15px/22px var(--font); --t-caption:400 13px/18px var(--font);
  --t-eyebrow:500 16px/24px var(--font); --t-nav:500 16px/24px var(--font); --t-btn-lg:500 18px/24px var(--font); --t-btn:500 16px/24px var(--font);
  --t-form-label:500 15px/20px var(--font); --t-form-input:400 17px/24px var(--font); --t-form-helper:400 14px/20px var(--font);
  /* motion */
  --ease-out:cubic-bezier(.2,.7,.2,1); --ease-in-out:cubic-bezier(.65,0,.35,1); --dur-fast:150ms; --dur:300ms; --dur-slow:700ms;
}
@media (max-width:1279px){ :root{ --gutter:64px; } }
@media (max-width:1023px){ :root{ --section-gap:96px; --block-gap:48px; } }
@media (max-width:767px){
  :root{
    --container-max:100%; --gutter:16px; --section-gap:64px; --block-gap:40px; --header-h:64px;
    --t-display:700 44px/50px var(--font); --t-h1:700 36px/42px var(--font); --t-h2:700 28px/34px var(--font); --t-h3:600 22px/28px var(--font); --t-h4:500 19px/26px var(--font);
    --t-body-lg:400 18px/28px var(--font); --t-body:400 16px/26px var(--font);
  }
}