/* ============================================================
   שערים אב-שער (shearim.co.il) — design tokens
   brand-kit-builder, 2026-09-26 (Path A, extraction + D1 choice B).
   Source of truth. theme.json is derived from this file.
   Navy family collapsed from the current theme (#1c4563, #103d5b,
   #0d3654, #0e3959, #0d3f60, #092336). Accent amber from D1 board B.
   Enqueue before any other stylesheet.
   ============================================================ */
:root {
  /* --- Brand -------------------------------------------------- */
  --color-brand:            #1C4563;      /* fills, graphics, band */
  --color-brand-deep:       #0D3654;      /* hero, footer, text links, anything carrying text */
  --color-brand-hover:      #092336;
  --color-brand-tint:       #E6EDF4;
  --color-on-brand:         #FFFFFF;
  --color-on-brand-deep:    #FFFFFF;
  --color-secondary:        #1A92C4;      /* current site's sky blue: icons, graphics, never body text on white */
  --color-secondary-hover:  #157AA5;
  --color-secondary-tint:   #E3F2F9;
  --color-on-secondary:     #0D3654;
  --color-accent:           #E8A33D;      /* primary CTA fill and small highlights only */
  --color-on-accent:        #0D3654;
  /* --- Ink ---------------------------------------------------- */
  --color-ink:              #15212E;
  --color-ink-muted:        #56616D;
  --color-ink-on-dark:      #FFFFFF;
  --color-ink-on-dark-muted:#B9C7D5;
  /* --- Surface ------------------------------------------------ */
  --color-surface:          #FFFFFF;
  --color-surface-raised:   #FFFFFF;
  --color-surface-subtle:   #F2F5F8;
  --color-surface-inverse:  #092336;
  /* --- Line --------------------------------------------------- */
  --color-line:             #D8DFE6;
  --color-line-strong:      #8A96A3;
  --color-focus:            #1A92C4;
  /* --- Status ------------------------------------------------- */
  --color-success:          #1E7A46;
  --color-warning:          #8A5A00;
  --color-error:            #B42318;
  --color-info:             #1A5FB4;
  --color-disabled-bg:      #E9EDF1;
  --color-disabled-ink:     #7A8591;
  /* --- Type: one variable family (wdth 62.5-100, wght 100-900) --- */
  --font-display: "Noto Sans Hebrew", "Noto Sans Hebrew Variable", "Arial Hebrew", Arial, sans-serif;
  --font-body:    "Noto Sans Hebrew", "Noto Sans Hebrew Variable", "Arial Hebrew", Arial, sans-serif;
  --font-utility: "Noto Sans Hebrew", "Noto Sans Hebrew Variable", "Arial Hebrew", Arial, sans-serif;
  --text-2xs: 0.75rem;  --text-xs: 0.8125rem; --text-sm: 0.9375rem; --text-base: 1.0625rem;
  --text-lg: 1.25rem;   --text-xl: 1.5rem;    --text-2xl: clamp(1.625rem, 1.3rem + 1.2vw, 2rem);
  --text-3xl: clamp(1.875rem, 1.4rem + 2vw, 2.75rem);
  --text-4xl: clamp(2.25rem, 1.5rem + 3.2vw, 3.75rem);
  --text-5xl: clamp(2.625rem, 1.6rem + 4.6vw, 5rem);
  --leading-display: 1.1; --leading-body: 1.65;
  --tracking-display: normal; --tracking-eyebrow: 0.04em;
  --weight-body: 400; --weight-medium: 600; --weight-display: 700;
  --stretch-display: 100%;
  --stretch-condensed: 75%;   /* band text and the components mode headings */
  --weight-condensed: 800;
  /* --- Components mode (A treatment, catalogue of parts and motors only) --- */
  --color-band:       #141414;   /* the logo's black strip */
  --color-on-band:    #FFFFFF;
  /* --- Added 2026-09-26 (D2 token requests, approved at gate 2) --- */
  --color-scrim:      rgba(9, 35, 54, .72);  /* caption strip on field photos */
  --header-h:         72px;                   /* 60px under 768px */
  --sticky-bar-h:     60px;
  /* --- Space -------------------------------------------------- */
  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
  --space-5: 1.5rem;  --space-6: 2rem;   --space-7: 3rem;
  --space-section: clamp(3rem, 2rem + 4vw, 6rem);
  --measure: 68ch; --container: 76rem;
  /* --- Shape and depth ---------------------------------------- */
  --radius-sm: 2px; --radius-md: 4px; --radius-lg: 6px; --radius-pill: 999px;
  --shadow-1: 0 1px 2px rgba(13,54,84,.06);
  --shadow-2: 0 4px 14px rgba(13,54,84,.08);
  --shadow-3: 0 14px 34px rgba(13,54,84,.12);
  /* --- Motion ------------------------------------------------- */
  --duration-fast: 120ms; --duration-base: 200ms; --duration-slow: 360ms;
  --ease-standard: cubic-bezier(.2,0,0,1); --ease-entrance: cubic-bezier(0,0,.2,1);
}
html { direction: rtl; scroll-padding-block-start: var(--header-h); }
@media (max-width: 767px) { :root { --header-h: 60px; } }
body { font-family: var(--font-body); font-weight: var(--weight-body); font-size: var(--text-base);
  line-height: var(--leading-body); color: var(--color-ink); background: var(--color-surface); text-align: start; }
h1, h2, h3, .display { font-family: var(--font-display); font-weight: var(--weight-display);
  line-height: var(--leading-display); letter-spacing: var(--tracking-display); font-stretch: var(--stretch-display); }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] .display { letter-spacing: normal; }
td, th, dd, li, blockquote { unicode-bidi: plaintext; }
code, kbd, samp, .ltr { direction: ltr; unicode-bidi: isolate; text-align: start; }
p { max-inline-size: var(--measure); }
:where(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important;
  animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }
/* ============================================================
   Signature
   The band (הפס): the logo's strip "מחסומים » אוטומטיים » דלתות",
   a solid bar with reversed condensed text and » separators.
   Navy on the main site, black in the components mode.
   ============================================================ */
.band { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .4em;
  background: var(--color-brand); color: var(--color-on-brand);
  font-weight: var(--weight-condensed); font-stretch: var(--stretch-condensed);
  font-size: var(--text-sm); line-height: 1.2; padding: .4em .8em; }
/* separators are real text in the HTML (amended 2026-09-26): <span class="band__sep" aria-hidden="true">»</span>
   so crawled and copied text reads "A » B", never "AB" */
.band__sep { opacity: .75; }
.band--on-dark { background: var(--color-on-brand); color: var(--color-brand-deep); }
.mode-components .band { background: var(--color-band); color: var(--color-on-band); }