/* גוף ראשון: משתני הזהות החדשה (v4). הקובץ לא מחובר ל-index.html ואין בו כללים, רק משתנים.
   הערכים לקוחים מ-docs/design-v4/tokens.css בענף claude/sad-torvalds-85d1bd, בלי שינוי.
   כל שם מתחיל ב-gr- כדי שלא יתנגש במשתנים הקיימים (--ink, --mint, --shadow, --radius).
   ניגודיות של טקסט על כל צבע עדיין לא נבדקה. את המיפוי של 7 האזורים של האתר בודקים בנפרד. */
:root {
  /* צבעים */
  --gr-paper: #f4efe4;
  --gr-paper-2: #ebe4d4;
  --gr-card: #fffaf0;
  --gr-ink: #16130f;
  --gr-ink-2: #5a5248;
  --gr-red: #ff4a1c;
  --gr-red-deep: #c8350f;
  --gr-blue: #2340ff;
  --gr-sun: #ffd23f;
  --gr-pink: #ff8fc7;
  --gr-mint: #7fe0b8;
  --gr-tang: #ffa34d;
  --gr-on-blue: #f4efe4;

  /* אזורים: צבע אחד לכל אזור */
  --gr-r-head: var(--gr-blue);
  --gr-r-upper: var(--gr-red);
  --gr-r-lower: var(--gr-mint);
  --gr-r-back: var(--gr-pink);
  --gr-r-thorax: var(--gr-sun);
  --gr-r-abdomen: var(--gr-tang);

  /* דירוג */
  --gr-grade-again: var(--gr-red);
  --gr-grade-hard: var(--gr-sun);
  --gr-grade-good: var(--gr-blue);
  --gr-grade-easy: var(--gr-mint);

  /* גופנים */
  --gr-font-display: "Karantina", sans-serif;
  --gr-font-num: "Secular One", sans-serif;
  --gr-font-sticker: "Suez One", serif;
  --gr-font-ui: "Heebo", system-ui, sans-serif;
  --gr-font-hand: "Playpen Sans Hebrew", cursive;
  --gr-font-latin: "IBM Plex Mono", monospace;

  /* גדלי טקסט וגובה שורה */
  --gr-fs-sm: 15px;
  --gr-fs-base: 18px;
  --gr-fs-lg: 22px;
  --gr-fs-xl: 28px;
  --gr-fs-2xl: 40px;
  --gr-fs-3xl: 52px;
  --gr-fs-4xl: 96px;
  --gr-fs-hero: 120px;
  --gr-lh-body: 1.9;
  --gr-lh-display: 0.9;

  /* מרווחים וצורה */
  --gr-s1: 4px;
  --gr-s2: 8px;
  --gr-s3: 16px;
  --gr-s4: 24px;
  --gr-s5: 32px;
  --gr-border: 2px solid var(--gr-ink);
  --gr-radius: 0;
  --gr-radius-pill: 999px;
  --gr-shadow: 4px 4px 0 var(--gr-ink);
  --gr-shadow-sm: 3px 3px 0 var(--gr-ink);
  --gr-shadow-btn: 5px 5px 0 var(--gr-ink);
  --gr-nav-h: 72px;
  --gr-sidebar-w: 264px;
  --gr-btn-h: 60px;
  --gr-key-h: 84px;

  /* תנועה */
  --gr-ease: cubic-bezier(0.2, 0, 0, 1);
  --gr-ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
  --gr-d-press: 80ms;
  --gr-d-stamp: 260ms;
  --gr-d-flip: 320ms;
  --gr-d-draw: 420ms;
  --gr-d-count: 600ms;
}