/* מערכת העיצוב המאושרת של טל קרוז. ערכים מתוך tokens.json, לא לשנות בלי אישור. */
:root {
  /* צבעים */
  --foam: #F2F7F8;
  --lagoon: #4EBBC2;
  --open-sea: #1C8EC2;
  --indigo: #262662;
  --night: #14143D;
  --abyss: #0D0D2C;
  --white: #FFFFFF;
  --ink-soft: #4A4A7A;
  --line: rgba(38, 38, 98, 0.14);
  --stamp-teal: #1F6E74;

  /* השקיעה, שמורה לפנייה בווטסאפ בלבד */
  --cta-light: linear-gradient(105deg, #B23A5E 0%, #B33D53 17%, #B34047 33%, #B4423A 50%, #B04632 67%, #AC4A29 83%, #A84E1E 100%);
  --cta-border: linear-gradient(105deg, #FF8C6B 0%, #FFA066 52%, #FFC46B 100%);

  /* ים */
  --sea-deep: radial-gradient(120% 90% at 75% 15%, #262662 0%, #14143D 55%, #0D0D2C 100%);
  --sea-open: linear-gradient(160deg, #2399CC 0%, #1C8EC2 45%, #156F9E 100%);
  --sea-lagoon: linear-gradient(160deg, #5CC6CB 0%, #4EBBC2 45%, #2FA4C6 100%);
  --sea-indigo: linear-gradient(160deg, #2D2D6E 0%, #262662 60%, #1E1E55 100%);
  --water: url("../assets/img/water-relief.webp");

  /* גופנים */
  --font-display: "Secular One", "Arial Hebrew", Arial, sans-serif;
  --font-body: "Miriam Libre", "Arial Hebrew", Arial, sans-serif;

  /* סולם גדלים: מחשב */
  --h1: 64px;
  --h2: 44px;
  --h3: 26px;
  --body: 20px;
  --small: 16px;

  /* פינות */
  --r-pill: 999px;
  --r-lg: 28px;
  --r-md: 18px;
  --r-sm: 10px;

  /* צללים */
  --shadow-card: 0 30px 60px -40px rgba(20, 20, 61, 0.55);
  --shadow-cta-light: 0 8px 20px rgba(178, 58, 94, 0.28);
  --shadow-cta-dark: 0 8px 20px rgba(255, 140, 107, 0.22);
  --shadow-postcard: 0 24px 40px rgba(20, 20, 61, 0.45);

  /* פריסה */
  --content-max: 1200px;
  --paragraph-max: 680px;
  --side: 56px;
}

@media (max-width: 767px) {
  :root {
    --h1: 40px;
    --h2: 30px;
    --h3: 22px;
    --body: 18px;
    --small: 15px;
    --side: 22px;
  }
}