/* tokens.css · דקלה סברו. הפלטה נדגמה מהלוגו (לוטוס): סגול #BDA5C5, ירוק #C0D97B, טורקיז #42BFB9.
 * בסיס בהיר וחם, לילך וטורקיז בהירים לסירוגין, שזיף כהה רק בתחתית. */
:root {
  --bg:    #FBF9F5;
  --bg-2:  #F3EEF5;          /* לילך מהעלה הסגול */
  --bg-3:  #EAF5F2;          /* טורקיז ערפילי */
  --card:  #FFFFFF;
  --dark:  #2F2639;          /* שזיף עמוק */

  --ink:       #26222B;
  --ink-soft:  #4F4857;
  --on-dark:       #F7F2F8;
  --on-dark-soft:  #D2C8D8;

  --brand:     #42BFB9;
  --brand-ink: #1B706B;
  --accent:    #1B706B;
  --on-accent: #FFFFFF;
  --accent-on-dark: #C0D97B;
  --band:      #6B4E7A;
  --on-band:   #FFFFFF;
  --a11y:      #1B706B;

  --lilac:  #BDA5C5;
  --leaf:   #C0D97B;
  --teal:   #42BFB9;
  --lilac-ink: #6B4E7A;
  --leaf-ink:  #4F6B1E;

  --line:        rgba(38, 34, 43, .10);
  --line-strong: rgba(38, 34, 43, .26);
  --shadow:      rgba(47, 38, 57, .22);

  --ff-head: 'Fredoka', 'Open Sans', sans-serif;
  --ff-body: 'Open Sans', sans-serif;
  --ff-hand: 'Fredoka', sans-serif;
  --fw-head: 600;
  --fw-body: 400;

  --fs-display: clamp(2.25rem, 1.6rem + 2.8vw, 3.5rem);
  --fs-h2:      clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);
  --fs-h3:      1.375rem;
  --fs-lead:    1.1875rem;
  --fs-body:    1.0625rem;
  --fs-small:   .9375rem;
  --fs-label:   .8125rem;

  --s-pair:    .625rem;
  --s-tight:   .75rem;
  --s-text:    1.25rem;
  --s-block:   2.5rem;
  --s-section: 4rem;
  --s-hero:    3.5rem;

  --radius-sm: .75rem;
  --radius-lg: 1.75rem;
  --radius-btn: 999px;
  --maxw: 72rem;
  --navh: 4.75rem;
}
@media (min-width: 861px) {
  :root { --s-block: 3.25rem; --s-section: 6rem; --s-hero: 5rem; }
}