/* ==========================================================================
   Tokens – from clients/amir-ofek/DESIGN.md
   ========================================================================== */

@font-face {
	font-family: "Karantina";
	src: url("../fonts/karantina-hebrew-700-normal.woff2") format("woff2");
	font-weight: 700;
	font-display: swap;
	unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
	font-family: "Karantina";
	src: url("../fonts/karantina-latin-700-normal.woff2") format("woff2");
	font-weight: 700;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Noto Sans Hebrew";
	src: url("../fonts/noto-sans-hebrew-hebrew-400-normal.woff2") format("woff2");
	font-weight: 400;
	font-display: swap;
	unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
	font-family: "Noto Sans Hebrew";
	src: url("../fonts/noto-sans-hebrew-hebrew-500-normal.woff2") format("woff2");
	font-weight: 500;
	font-display: swap;
	unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
	font-family: "Noto Sans Hebrew";
	src: url("../fonts/noto-sans-hebrew-hebrew-700-normal.woff2") format("woff2");
	font-weight: 700;
	font-display: swap;
	unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
	font-family: "Noto Sans Hebrew";
	src: url("../fonts/noto-sans-hebrew-latin-400-normal.woff2") format("woff2");
	font-weight: 400;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Noto Sans Hebrew";
	src: url("../fonts/noto-sans-hebrew-latin-500-normal.woff2") format("woff2");
	font-weight: 500;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Noto Sans Hebrew";
	src: url("../fonts/noto-sans-hebrew-latin-700-normal.woff2") format("woff2");
	font-weight: 700;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}

:root {
	/* Color */
	--ink: #2E1D13;
	--ground: #EFEAE3;
	--board: #E2D7C8;
	--board-hover: #D6C6AF;
	--wood: #8B5A33;
	--wood-dark: #6B4226;
	--wood-light: #B07745;
	--amber: #D9A55B;
	--olive: #5E6B2E;
	--muted: #5E4C40;
	--text-2: #45342A;
	--cream: #FAF6F0;
	--line: #D3C7B6;
	--on-dark-2: #DCCDBC;
	--field-border: #7A6656;
	--focus: #2E1D13;

	/* Type */
	--font-display: "Karantina", "Noto Sans Hebrew", sans-serif;
	--font-body: "Noto Sans Hebrew", system-ui, sans-serif;
	--fs-body: clamp(17px, 0.95rem + 0.25vw, 19px);
	--fs-lead: clamp(18px, 1rem + 0.35vw, 20px);
	--fs-small: 15px;
	--fs-xl: clamp(52px, 6.2vw, 100px);   /* hero / statement / process */
	--fs-l: clamp(44px, 5vw, 72px);       /* section titles (per DESIGN.md: medium) */
	--fs-m: clamp(36px, 3.6vw, 52px);
	--lh-body: 1.65;
	--lh-display: 0.95;

	/* Space & layout */
	--max: 1440px;
	--gutter: clamp(16px, 4.5vw, 64px);
	--space-s: clamp(24px, 3vw, 40px);
	--space-m: clamp(48px, 6vw, 88px);
	--space-l: clamp(72px, 9vw, 128px);
	--radius: 2px;
	--measure: 40ch;

	/* The one diagonal (DESIGN.md §4): a beam-end cut */
	--cut: 8vw;

	/* Header height = logo (420×449) + padding – used by the hero overlap */
	--header-h: calc(clamp(96px, 10.5vw, 148px) * 1.069 + 20px);

	/* Motion */
	--ease: cubic-bezier(.23, 1, .32, 1);
	--dur-micro: 180ms;
	--dur: 260ms;

	/* Grain */
	--grain: repeating-linear-gradient(92deg, #7A4C2A 0 3px, #8B5A33 3px 9px, #9A6438 9px 12px, #8B5A33 12px 20px);
}