/* Generated by scripts/tokens.mjs from src/design/tokens.json. Do not edit by hand. */
@font-face {
  font-family: "Noto Sans Hebrew";
  src: url("/fonts/NotoSansHebrew-Variable.woff2") format("woff2");
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Hebrew Condensed";
  src: url("/fonts/NotoSansHebrewCondensed-Variable.woff2") format("woff2");
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: "Playpen Sans Hebrew";
  src: url("/fonts/PlaypenSansHebrew-Variable.woff2") format("woff2");
  font-weight: 300 600;
  font-display: swap;
}

:root {
  --paper: #f7f8f3;
  --paper-raised: #ffffff;
  --line: #d5ddd6;
  --line-strong: #7f918a;
  --ink: #1b2e28;
  --ink-muted: #51645d;
  --leaf: #3e6b37;
  --on-leaf: #ffffff;
  --leaf-wash: #e4efd9;
  --water: #2f6f7c;
  --water-wash: #dceef0;
  --sun: #e7c24f;
  --sun-mark: #f3dc86;
  --sun-wash: #faf1cc;
  --sun-ink: #6b5410;
  --root: #1f332c;
  --on-root: #e9efea;
  --on-root-muted: #afc0b7;
  --leaf-on-root: #9ccb86;
  --alert: #a33a2a;
  --shadow-sm: 0 1px 2px #1b2e2814, 0 2px 8px #1b2e280f;
  --focus-ring: 0 0 0 2px #f7f8f3, 0 0 0 4px #2f6f7c;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;
  --radius-full: 9999px;
  --stroke-hair: 1px;
  --stroke-ink: 1.75px;
  --stroke-ring: 3px;
  --measure-text: 62ch;
  --measure-page: 1120px;
  --font-display: "Noto Sans Hebrew Condensed", "Noto Sans Hebrew", "Arial Narrow", Arial, sans-serif;
  --font-body: "Noto Sans Hebrew", "Segoe UI", Arial, sans-serif;
  --font-hand: "Playpen Sans Hebrew", "Noto Sans Hebrew", sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --paper: #111916;
  --paper-raised: #18221e;
  --line: #2c3a33;
  --line-strong: #667a71;
  --ink: #e6ede8;
  --ink-muted: #a3b3ab;
  --leaf: #95c77f;
  --on-leaf: #11200f;
  --leaf-wash: #1d2c1b;
  --water: #86c4cf;
  --water-wash: #132a2e;
  --sun: #e9c95f;
  --sun-mark: #4d4213;
  --sun-wash: #29250f;
  --sun-ink: #e9c95f;
  --root: #0b120f;
  --on-root: #e6ede8;
  --on-root-muted: #a3b3ab;
  --leaf-on-root: #95c77f;
  --alert: #f08c79;
  --shadow-sm: 0 1px 3px #000000b3;
  --focus-ring: 0 0 0 2px #111916, 0 0 0 4px #86c4cf;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper: #111916;
  --paper-raised: #18221e;
  --line: #2c3a33;
  --line-strong: #667a71;
  --ink: #e6ede8;
  --ink-muted: #a3b3ab;
  --leaf: #95c77f;
  --on-leaf: #11200f;
  --leaf-wash: #1d2c1b;
  --water: #86c4cf;
  --water-wash: #132a2e;
  --sun: #e9c95f;
  --sun-mark: #4d4213;
  --sun-wash: #29250f;
  --sun-ink: #e9c95f;
  --root: #0b120f;
  --on-root: #e6ede8;
  --on-root-muted: #a3b3ab;
  --leaf-on-root: #95c77f;
  --alert: #f08c79;
  --shadow-sm: 0 1px 3px #000000b3;
  --focus-ring: 0 0 0 2px #111916, 0 0 0 4px #86c4cf;
  color-scheme: dark;
}

.t-hero { font-family: var(--font-display); font-size: 60px; line-height: 64px; font-weight: 560; }
.t-title { font-family: var(--font-display); font-size: 44px; line-height: 50px; font-weight: 540; }
.t-heading { font-family: var(--font-display); font-size: 30px; line-height: 38px; font-weight: 560; }
.t-subheading { font-family: var(--font-body); font-size: 20px; line-height: 30px; font-weight: 600; }
.t-lead { font-family: var(--font-body); font-size: 19px; line-height: 32px; font-weight: 400; }
.t-body { font-family: var(--font-body); font-size: 17px; line-height: 28px; font-weight: 400; }
.t-label { font-family: var(--font-body); font-size: 15px; line-height: 20px; font-weight: 600; }
.t-caption { font-family: var(--font-body); font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: 0.01em; }
.t-note { font-family: var(--font-hand); font-size: 16px; line-height: 24px; font-weight: 400; }