/* ==========================================================================
   Live × NOOM-modeled design system - tokens
   Palette & type modeled on noom.co.il (bold editorial, EN display + HE body).
   Accent kept as noom's red for a faithful model - easily retuned later.
   ========================================================================== */

/* Display face - "Night" (used for the big headings across the site) */
@font-face {
  font-family: "Night";
  src: url("/fonts/Night-Bold.woff") format("woff");
  font-weight: 400 900;   /* single bold face covers all display weights, no faux-bold */
  font-style: normal;
  font-display: swap;
}

/* Body/UI face - "Ploni" (Hebrew + Latin, site default) */
@font-face {
  font-family: "Ploni";
  src: url("/fonts/ploni-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ploni";
  src: url("/fonts/ploni-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* -- Surfaces -- */
  --cream:      #f6f6f3;   /* page background (warm off-white) */
  --cream-2:    #f1f0ec;   /* alt background */
  --panel:      #eceae4;   /* rounded content panels */
  --panel-2:    #e3e1da;
  --white:      #ffffff;
  --ink:        #1f1f1f;   /* primary text */
  --ink-2:      #303030;
  --ink-soft:   #616161;   /* secondary text */
  --line:       #e0ded7;

  /* -- Accent (Live brand orange) -- */
  --red:        #e76100;   /* Live orange - primary accent (buttons, bars, text) */
  --red-deep:   #c25200;   /* darker - hover / body text */
  --red-soft:   #f0863c;   /* softer orange */
  --yellow:     #edff00;   /* electric accent, used sparingly */
  --mint:       #cdfee1;
  --periwinkle: #dee6ff;

  /* semantic */
  --bg: var(--white);   /* site background is white; --cream is the light-gray accent for select sections */
  --text: var(--ink);
  --muted: var(--ink-soft);
  --accent: var(--red);

  /* -- Type -- */
  --font-display: "Night", "Ploni", "Rubik", "Assistant", system-ui, sans-serif;  /* EN headings (800, uppercase) */
  --font-body:    "Ploni", "Rubik", "Assistant", system-ui, sans-serif;  /* HE + body - Ploni is the site default */
  --font-mono:    "Space Mono", ui-monospace, monospace;         /* small labels */

  --fs-hero:    clamp(2.6rem, 6vw, 5.5rem);
  --fs-display: clamp(2.2rem, 5vw, 4rem);   /* big EN section titles */
  --fs-h2:      clamp(1.6rem, 3vw, 2.4rem);
  --fs-h3:      clamp(1.15rem, 1.6vw, 1.35rem);
  --fs-lead:    clamp(1.05rem, 1.4vw, 1.25rem);
  --fs-body:    1rem;
  --fs-small:   0.8125rem;

  --lh-tight: 1.02;
  --lh-snug: 1.2;
  --lh-base: 1.45;

  /* -- Space -- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;
  --s7:48px; --s8:64px; --s9:88px; --s10:120px;
  --section-y: clamp(56px, 8vw, 104px);
  --gutter: clamp(16px, 3.5vw, 40px);

  /* -- Layout -- */
  --container: 1360px;
  --radius: 22px;     /* cards, panels - noom uses generous rounding */
  --radius-lg: 34px;
  --radius-sm: 12px;
  --pill: 999px;

  /* -- FX -- */
  --shadow: 0 10px 40px rgba(31,31,31,.08);
  --shadow-sm: 0 4px 16px rgba(31,31,31,.06);
  --ease: cubic-bezier(.22,.61,.36,1);
  --dur: .4s;

  --header-h: 76px;
}