/* תיירות נט – tokens.css (v3: פלטה מהלוגו, Noto Sans Hebrew). ניגודיות מאומתת בהערות. */
@font-face {
  font-family: "Noto Sans Hebrew";
  src: url("../fonts/noto-sans-hebrew-hebrew.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: "Noto Sans Hebrew";
  src: url("../fonts/noto-sans-hebrew-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* בסיס */
  --ground:  oklch(95.9% 0.010 87);   /* #F4F1EA */
  --ink:     oklch(28.7% 0.054 238);  /* #0B2E42 · 12.6:1 */
  --sea:     oklch(44.0% 0.100 241);  /* #065884 · 6.8:1 – קישורים */
  --muted:   oklch(50.4% 0.022 243);  /* #5A6670 · 5.2:1 */
  --line:    oklch(84% 0.02 85);      /* דקורטיבי בלבד */
  --sky:     #F6EBD6;
  --sun:     #F2A65A;
  --month:   #E3DCCD;

  /* אבני פסיפס – גרפיקה */
  --stone-turquoise: #06ACB8;
  --stone-teal:      #17808E;
  --stone-olive:     #758B36;
  --stone-lime:      #BCBC68;
  --stone-sand:      #D09B48;
  --stone-orange:    #E87409;

  /* גרסאות טקסט (AA על ground) */
  --text-turquoise: #0A6F7A;
  --text-olive:     #5C6E25;
  --text-sand:      #7D5A1C;
  --text-orange:    #9C4F00;

  /* גוונים בהירים למקומות שמורים */
  --tint-turquoise: #C6E6E8;
  --tint-olive:     #D5DDB9;
  --tint-sand:      #EAD9B8;
  --tint-orange:    #F5D3B0;

  /* טיפוגרפיה – Noto Sans Hebrew בלבד */
  --font: "Noto Sans Hebrew", system-ui, sans-serif;
  --fs-body: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);
  --fs-small: 0.9375rem;
  --fs-h3: clamp(1.375rem, 1.1rem + 0.9vw, 1.875rem);
  --fs-h2: clamp(2.25rem, 1.5rem + 2.8vw, 4rem);
  --fs-display: clamp(3.5rem, 1.8rem + 6.2vw, 7.5rem);
  --fs-sentence: clamp(1.375rem, 1rem + 1.4vw, 2rem);

  /* רווחים */
  --gutter: clamp(16px, 3vw, 40px);
  --section: clamp(72px, 9vw, 128px);
  --gap: 4px;            /* מרווח בין אבני פסיפס */
  --radius: 0;           /* מסגור חד – בלי פינות מעוגלות בתמונות */
  --radius-ui: 3px;      /* כפתורים בלבד */
  --tap: 44px;
  --focus: var(--sea);

  /* תנועה */
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --ease-camera: cubic-bezier(.65, 0, .35, 1);
}