/* =========================================================================
   dd-tokens.css — Dafna Dalmeida design tokens
   Source of truth for colours/type. Every value below was measured on
   dafnadl.co.il (computed styles + Elementor kit CSS, 2026-10-09).
   Elementor: map each colour to a Global Colour and the font to a Global
   Font with the same name (see docs/elementor-component-map.md §1).
   ========================================================================= */

@font-face {
  font-family: "talent";
  src: url("../fonts/2131TALENT.woff2") format("woff2"),
       url("../fonts/2131TALENT.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* (13.10.2026) the brand colours and the font come from Elementor's GLOBAL colours / fonts (Site Settings → Global Colors /
   Global Fonts, the "DD – …" entries) — change them there and the whole site follows. The values after the comma are
   the approved ones (used when a global is missing). Defined on :root and again on body (Elementor puts the globals on
   the body), so everything derived from them follows too. */
:root, body {
  /* Brand colours (measured) */
  --dd-navy: var(--e-global-color-ddnavy, #132A3E);        /* logo brackets, body headings, dark sections   */
  --dd-navy-2: #1B3D5C;      /* secondary navy used on current site           */
  --dd-brick: var(--e-global-color-ddbrick, #8C3730);       /* logo "D", headings accent, Cal.com brandColor */
  --dd-cream: var(--e-global-color-ddcream, #F3F0EB);       /* Elementor global colour 42d7fbc0              */
  --dd-mist: var(--e-global-color-ddmist, #F2F2F2);        /* light section background on current site      */
  --dd-white: var(--e-global-color-ddwhite, #FFFFFF);
  --dd-ink: var(--e-global-color-ddink, #3A3A3A);
  --dd-brick-soft: var(--e-global-color-ddbricksoft, #D2867C); /* the brick on dark backgrounds */         /* body text colour on current site              */
  /* Brand gradient (measured on current hero) */
  --dd-gradient: linear-gradient(110deg, var(--dd-navy) 20%, #8C3732 50%, var(--dd-brick) 80%);

  /* Derived, functional only (not brand colours) */
  --dd-deep: var(--e-global-color-dddeep, #0D1E2D);        /* Navy darkened ~30% for depth behind the 3D scenes */
  --dd-line: color-mix(in srgb, var(--dd-navy) 12%, transparent);     /* hairlines / grid on light bg */
  --dd-line-dark: color-mix(in srgb, var(--dd-cream) 14%, transparent); /* hairlines on navy */
  --dd-focus: var(--dd-brick);

  /* Type — one family, per Dafna's design rules */
  --dd-font: var(--e-global-typography-ddfont-font-family, "talent"), "Assistant", "Heebo", system-ui, sans-serif;
  --dd-fs-display: clamp(2.6rem, 1.2rem + 6.4vw, 8.25rem);
  --dd-fs-h2: clamp(2.1rem, 1.3rem + 3.4vw, 4.75rem);
  --dd-fs-h3: clamp(1.45rem, 1.1rem + 1.3vw, 2.25rem);
  --dd-fs-lead: clamp(1.3rem, 1rem + 1.25vw, 2.1rem);
  --dd-fs-body: clamp(1.0625rem, 1rem + .25vw, 1.25rem);
  --dd-fs-small: clamp(.9rem, .85rem + .15vw, 1rem);
  --dd-lh-tight: 1.02;
  --dd-lh-body: 1.75;

  /* Layout */
  --dd-gutter: clamp(16px, 4vw, 56px);
  --dd-max: 1360px;
  --dd-section-y: clamp(72px, 10vw, 160px);
  --dd-radius: 18px;
  --dd-radius-lg: 28px;
  --dd-pill: 999px;

  /* Motion */
  --dd-ease-out: cubic-bezier(.16, 1, .3, 1);
  --dd-ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dd-dur: .9s;
}