/* mela — design tokens. The single source of truth; becomes the Figma variable collections.
   The site is a blank sheet: paper, ink and one sand tone. Colour belongs only to what the customer makes. */
:root{
  /* צבעים */
  --color-ink:#262422;          /* דיו — the logo black */
  --color-paper:#FAF8F3;        /* נייר — the logo background */
  --color-sand:#E3D8C8;         /* חול — the one quiet tone */
  --color-cream:#F3ECE1;        /* שמנת — silhouettes on sand */
  --color-muted:#7A746B;        /* אפור חם — secondary text, dimension labels */
  --color-line:#DDD5C8;         /* קו — borders, grid */
  --color-ink-60:rgba(38,36,34,.6);

  /* מרווחים — multiples of 4 */
  --space-1:8px; --space-2:16px; --space-3:24px; --space-4:32px; --space-5:48px;
  --space-6:64px; --space-7:96px; --space-8:144px;
  --gutter:40px; --content:1360px;

  /* רדיוסים */
  --radius-sm:12px; --radius-md:20px; --radius-lg:32px; --radius-pill:100px;

  /* טיפוגרפיה */
  --font-display:"Rubik",system-ui,sans-serif;
  --font-body:"Assistant",system-ui,sans-serif;
  --font-h1:76px; --font-h2:52px; --font-h3:26px; --font-lead:21px; --font-body-size:18px; --font-small:15px; --font-eyebrow:14px;
}
@media (max-width:1024px){ :root{ --gutter:24px; --font-h1:56px; --font-h2:40px; --space-8:96px; --space-7:72px; } }
@media (max-width:640px){ :root{ --gutter:16px; --font-h1:42px; --font-h2:32px; --font-h3:22px; --font-lead:19px; --font-body-size:17px; --space-8:72px; --space-7:56px; } }