/* ── Pizi Brand Tokens — single source of truth (sampled from the official logo) ── */
:root {
  /* colors */
  --green: #2DD952;        /* bubble gradient start (WhatsApp-green) */
  --lime: #C5F03A;         /* bubble gradient end */
  --green-deep: #0B8A45;   /* accessible green for text/links on light */
  --ink: #04140E;          /* primary dark surface (green-black) */
  --ink-2: #0A1F16;        /* raised dark surface */
  --cream: #F7F3EB;        /* warm light surface (from wordmark) */
  --cream-2: #EFE9DD;      /* raised light surface */
  --text-on-dark: #F7F3EB;
  --text-on-light: #10241A;
  --muted-on-dark: #9DB4A6;
  --muted-on-light: #5C6E63;
  --grad: linear-gradient(105deg, var(--green) 0%, var(--lime) 100%);
  /* scroll-story surfaces (from the approved MD palette) */
  --ink-story: #071811;
  --ink-story-2: #0E241B;

  /* typography — Varela Round only */
  --font: 'Varela Round', 'Assistant', system-ui, sans-serif;
  --fs-900: clamp(2.4rem, 6vw, 4.2rem);   /* hero */
  --fs-800: clamp(1.9rem, 4.5vw, 3rem);   /* section titles */
  --fs-700: 1.5rem;                        /* card titles */
  --fs-600: 1.25rem;                       /* leads */
  --fs-500: 1.0625rem;                     /* body */
  --fs-400: 0.9375rem;                     /* secondary */
  --fs-300: 0.8125rem;                     /* captions */
  --lh-tight: 1.15;
  --lh-body: 1.65;

  /* spacing (8pt) */
  --s-1: 4px;  --s-2: 8px;  --s-3: 16px; --s-4: 24px;
  --s-5: 32px; --s-6: 48px; --s-7: 64px; --s-8: 96px; --s-9: 128px;

  /* radii — rounded like the brand */
  --r-s: 10px; --r-m: 16px; --r-l: 24px; --r-bubble: 28px; --r-pill: 999px;

  /* elevation */
  --shadow-s: 0 2px 8px rgba(4, 20, 14, 0.08);
  --shadow-m: 0 8px 28px rgba(4, 20, 14, 0.14);
  --shadow-glow: 0 8px 40px rgba(45, 217, 82, 0.35);

  /* motion */
  --ease: cubic-bezier(0.22, 0.9, 0.3, 1);
  --t-fast: 160ms; --t-med: 320ms; --t-slow: 640ms;
}

@font-face {
  font-family: 'Varela Round';
  src: url('../assets/fonts/varela-round-hebrew.woff2') format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
  font-display: swap;
}
@font-face {
  font-family: 'Varela Round';
  src: url('../assets/fonts/varela-round-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+2000-206F, U+20AC, U+2122;
  font-display: swap;
}