/* taxes-refund.co.il - Design tokens v1 - 12.10.2026
 * Source: Taxes-Refund_Homepage_Redesign_5.zip (Claude Design, 8.10.2026)
 * No red anywhere. Positive green only for positive refund amounts.
 */

:root {
  /* Color - 7 tokens */
  --trh-primary:          #15548c;  /* CTA, קישורים, אייקונים */
  --trh-ink:              #0c2e4e;  /* טקסט, סקשנים כהים */
  --trh-positive:         #0e7c52;  /* סכומי החזר על רקע בהיר בלבד */
  --trh-positive-on-dark: #6fd6a8;  /* סכומי החזר על רקע ink */
  --trh-tint:             #e8f0f7;  /* badges, רקע הדגשה */
  --trh-surface:          #f5f8fb;  /* סקשן בהיר חלופי */
  --trh-muted:            #4a5d70;  /* טקסט משני, 7.1:1 על לבן */

  /* Hairlines */
  --trh-line:             #dbe3ec;

  /* Warning only (not red) */
  --trh-warn-fg:          #8a5300;
  --trh-warn-bg:          #fbf1e1;

  /* Shadows */
  --trh-shadow-sm: 0 2px 6px rgba(12,46,78,.08);
  --trh-shadow-md: 0 16px 48px rgba(12,46,78,.18);
  --trh-shadow-lg: 0 24px 60px rgba(12,46,78,.12);

  /* Spacing scale - 8-step rhythm */
  --trh-s-1:  4px;
  --trh-s-2:  8px;
  --trh-s-3:  12px;
  --trh-s-4:  16px;
  --trh-s-5:  24px;
  --trh-s-6:  32px;
  --trh-s-7:  48px;
  --trh-s-8:  64px;

  /* Radius */
  --trh-radius-sm: 6px;
  --trh-radius-md: 10px;
  --trh-radius-lg: 16px;

  /* Typography scale - desktop */
  --trh-h1-size:   68px;
  --trh-h1-lh:     1.05;
  --trh-h2-size:   40px;
  --trh-h2-lh:     1.1;
  --trh-h3-size:   28px;
  --trh-h3-lh:     1.2;
  --trh-h4-size:   22px;
  --trh-h5-size:   18px;
  --trh-h6-size:   16px;
  --trh-body-size: 17px;
  --trh-body-lh:   1.7;
  --trh-caption:   14px;
  --trh-meta:      12px;
  --trh-number:    56px;

  /* Font weights */
  --trh-w-regular: 400;
  --trh-w-medium:  500;
  --trh-w-semi:    600;
  --trh-w-bold:    700;
  --trh-w-black:   800;

  /* Container */
  --trh-container: 1200px;
}

/* Mobile overrides (≤760px) */
@media (max-width: 760px) {
  :root {
    --trh-h1-size: 34px;
    --trh-h1-lh:   1.1;
    --trh-h2-size: 28px;
    --trh-h3-size: 22px;
    --trh-number:  44px;
  }
}

/* Tabular numbers helper */
.trh-tab-num { font-variant-numeric: tabular-nums; }

/* Font family (Rubik is already loaded in theme) */
.trh-system { font-family: 'Rubik', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; }