/* ============================================================
   עמי וגבי דלתות (doordoor.co.il): design tokens
   Generated by brand-kit-builder on 2026-09-23, Path A (extraction).
   Source: Elementor kit elementor-kit-9 (live CSS variables), 19 exported
   Elementor Pro templates, Logo-ag.svg. Values marked "derived" were not
   found on the site and were added to fill a role; confirm them.

   Source of truth. elementor-globals.md is derived from this file.
   Build target: Elementor Pro (no theme.json; the theme is not a block theme).
   ============================================================ */

:root {
  /* --- Brand -------------------------------------------------- */
  --color-brand:            #CCAD62;  /* kit Primary + logo gold: fills, rules, primary button */
  --color-brand-deep:       #7E682F;  /* gold text on light surfaces; darkened from kit Accent #8F7635 for AA, decided at the gate 2026-09-23 */
  --color-brand-hover:      #DEC88F;  /* kit custom 815ea17: button hover on dark */
  --color-brand-tint:       #F7F2E6;  /* derived: flat equivalent of kit df5563e/fc36bb4 (gold 5-10%) on surface */
  --color-on-brand:         #0F192E;
  --color-on-brand-deep:    #FBFAF9;

  --color-secondary:        #0F192E;  /* kit Secondary: navy, headings, header, dark bands */
  --color-secondary-hover:  #151C28;  /* kit custom 63b4099 */
  --color-secondary-tint:   #24324C;  /* found once, Testimonial Loop card gradient */
  --color-on-secondary:     #FBFAF9;

  --color-accent:           #DEC88F;  /* light gold: eyebrows and highlights on dark only */
  --color-on-accent:        #0F192E;

  /* --- Ink ---------------------------------------------------- */
  --color-ink:              #0F192E;  /* headings (as rendered today) */
  --color-ink-body:         #4A4F59;  /* derived: replaces kit Text #252B37 at 70% alpha (renders about #656971) */
  --color-ink-muted:        #656971;  /* the current rendered body grey: captions and meta only */
  --color-ink-on-dark:      #FBFAF9;
  --color-ink-on-dark-muted:#ADB4BE;  /* flat equivalent of rgba(240,246,252,.7) on navy, 76 uses today */

  /* --- Surface ------------------------------------------------ */
  --color-surface:          #FBFAF9;  /* kit custom de9c325 */
  --color-surface-raised:   #FFFFFF;
  --color-surface-subtle:   #EEECE8;  /* kit custom 5385f9d */
  --color-surface-inverse:  #0F192E;

  /* --- Line --------------------------------------------------- */
  --color-line:             #DDD8CE;  /* derived: hairline on light surfaces */
  --color-line-strong:      #CCAD62;  /* the gold rule (signature) */
  --color-line-on-dark:     #2A3550;  /* derived: flat equivalent of white 10% on navy (card borders on dark) */
  --color-focus:            #7E682F;  /* derived: follows brand-deep */

  /* --- Status (all derived: the site has none, the popup plugin invents #CC3366) */
  --color-success:          #2F7D4F;
  --color-warning:          #9A6A12;
  --color-error:            #B42318;
  --color-info:             #24324C;

  /* --- Disabled ----------------------------------------------- */
  --color-disabled-bg:      #EEECE8;
  --color-disabled-ink:     #7C8089;

  /* --- Type --------------------------------------------------- */
  /* Assistant is the only brand face (all 7 kit typography globals).
     Fallbacks carry Hebrew so a failed web font still looks deliberate. */
  --font-display: "Assistant", "Heebo", "Arial Hebrew", "Noto Sans Hebrew", Arial, sans-serif;
  --font-body:    "Assistant", "Heebo", "Arial Hebrew", "Noto Sans Hebrew", Arial, sans-serif;
  --font-utility: "Assistant", "Heebo", "Arial Hebrew", "Noto Sans Hebrew", Arial, sans-serif;

  --text-2xs:  0.75rem;                                   /* 12  kit 7dcf8ae */
  --text-xs:   0.875rem;                                  /* 14 */
  --text-sm:   1rem;                                      /* 16  kit Text today */
  --text-base: 1.0625rem;                                 /* 17  proposed body (Hebrew) */
  --text-lg:   1.25rem;                                   /* 20  kit Secondary / 94dfbc0 */
  --text-xl:   clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);    /* 20 → 24 */
  --text-2xl:  clamp(1.5rem, 1.25rem + 1vw, 1.875rem);    /* 24 → 30  kit fc2e800 (H2 today) */
  --text-3xl:  clamp(1.875rem, 1.5rem + 1.6vw, 2.5rem);   /* 30 → 40 */
  --text-4xl:  clamp(2.25rem, 1.7rem + 2.4vw, 3rem);      /* 36 → 48  kit Primary */
  --text-5xl:  clamp(2.5rem, 1.6rem + 3.8vw, 4rem);       /* 40 → 64  home H1 today */

  --leading-display: 1.15;
  --leading-body:    1.65;
  --tracking-display: normal;
  --tracking-eyebrow: 0.02em;

  --weight-body:    400;
  --weight-medium:  600;
  --weight-display: 700;

  /* --- 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(3.5rem, 2.5rem + 4vw, 6rem);
  --measure: 68ch;
  --container: 1280px;

  /* --- Shape and depth ---------------------------------------- */
  /* Square corners are the house style: 24 of 26 radius settings are 0. */
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 10px;      /* found twice; reserved for product image frames */
  --radius-pill: 999px;   /* round icon buttons only (WhatsApp, gallery arrows) */

  --shadow-1: 0 1px 2px rgb(15 25 46 / 0.06);
  --shadow-2: 0 1px 2px rgb(15 25 46 / 0.06), 0 8px 24px rgb(15 25 46 / 0.08);
  --shadow-3: 0 2px 4px rgb(15 25 46 / 0.08), 0 16px 40px rgb(15 25 46 / 0.12);

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

/* Element rules (html, body, headings, p, td) are intentionally NOT set here.
   They live in the Elementor kit (Site Settings), synced from tokens.css by
   tokens-to-kit.php, so the plugin never competes with the kit for body
   colour or paragraph width. This file only provides the variables, the
   focus ring, reduced motion and the signature classes. */

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
.on-dark :where(a, button, input, select, textarea, [tabindex]):focus-visible { outline-color: var(--color-brand); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ============================================================
   Signature
   The gold keyword rule: every section title is two-tone, the
   keyword in gold, and on hero titles a 2px gold hairline runs
   under the gold line toward inline-end. Taken from the live
   home and about heroes ("ביטחון ליוקרה", "עמי וגבי דלתות").
   ============================================================ */

.headline-key { color: var(--color-brand-deep); }
.on-dark .headline-key { color: var(--color-brand); }

.headline-rule {
  display: inline-block;
  padding-block-end: var(--space-1);
  border-block-end: 2px solid var(--color-line-strong);
}

/* ============================================================
   Bridge: the plugin's legacy --ds-* names now resolve to the
   brand tokens above. Keep writing new rules with --color-* /
   --font-* / --radius-* directly; the aliases exist so nothing
   old breaks. Remove an alias once no rule uses it.
   ============================================================ */
:root {
  --ds-primary:          var(--color-secondary);   /* was #1e3a5f navy-blue: now the brand navy */
  --ds-primary-light:    var(--color-secondary-tint);
  --ds-primary-dark:     var(--color-secondary-hover);
  --ds-secondary:        var(--color-brand);       /* was #c9a227: now the brand gold */
  --ds-secondary-light:  var(--color-brand-hover);
  --ds-success:          var(--color-success);
  --ds-warning:          var(--color-warning);
  --ds-danger:           var(--color-error);
  --ds-light:            var(--color-surface-subtle);
  --ds-dark:             var(--color-ink);
  --ds-gray:             var(--color-ink-muted);
  --ds-gray-light:       var(--color-line);
  --ds-white:            var(--color-surface-raised);
  --ds-shadow:           none;                     /* cards carry a 1px line, not a shadow */
  --ds-shadow-hover:     none;
  --ds-radius:           var(--radius-sm);
  --ds-radius-lg:        var(--radius-lg);
  --ds-transition:       var(--duration-base) var(--ease-standard);
  --ds-font-family:      var(--font-body);
  /* catalog-download.css */
  --ds-color-primary:    var(--color-brand);
  --ds-color-secondary:  var(--color-secondary);
  --ds-color-text:       var(--color-ink-body);
  --ds-color-accent:     var(--color-brand-deep);
  --ds-color-dark:       var(--color-secondary-hover);
  --ds-color-light:      var(--color-surface);
  --ds-color-light-alt:  var(--color-surface-subtle);
  --ds-color-gold-light: var(--color-accent);
}