@font-face{font-family:"Adapter Hebrew Display";src:url("../assets/fonts/adapter-hebrew-display-300.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:300}@font-face{font-family:"Adapter Hebrew Display";src:url("../assets/fonts/adapter-hebrew-display-400.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:"Adapter Hebrew Display";src:url("../assets/fonts/adapter-hebrew-display-500.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:"adapter-hebrew-display";src:local("Adapter Hebrew Display"),url("../assets/fonts/adapter-hebrew-display-300.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:300}@font-face{font-family:"adapter-hebrew-display";src:local("Adapter Hebrew Display"),url("../assets/fonts/adapter-hebrew-display-400.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:"adapter-hebrew-display";src:local("Adapter Hebrew Display"),url("../assets/fonts/adapter-hebrew-display-500.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:500}/* ================= ROOT TOKENS ================= */:root{/* Fonts */ --en-display:"new-farm",ui-sans-serif,system-ui,sans-serif;/* English headings */ --en-body:"Satoshi",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;/* EN body/UI */ --he-display:"Playpen Sans Hebrew","playpen-sans-hebrew","Heebo","Rubik",system-ui,sans-serif;/* Hebrew headings */ --he-body:"Adapter Hebrew Display","adapter-hebrew-display","Heebo","Rubik",system-ui,sans-serif;/* Hebrew body/UI */ /* Type scale */ --fs-xs:clamp(0.78rem,0.73rem + 0.2vw,0.84rem);--fs-sm:clamp(0.90rem,0.84rem + 0.3vw,1.00rem);--fs-md:clamp(1.00rem,0.94rem + 0.4vw,1.125rem);--fs-lg:clamp(1.20rem,1.05rem + 0.9vw,1.50rem);--fs-xl:clamp(1.55rem,1.25rem + 1.5vw,2.00rem);--fs-2xl:clamp(2.00rem,1.65rem + 2.4vw,2.75rem);--fs-3xl:clamp(2.50rem,2.00rem + 3.5vw,3.50rem);--lh-tight:1.15;--lh-snug:1.25;--lh-relax:1.7;/* Colors (final palette) */ --mint:#B7E0D1;--indigo-500:#5B5AA5;--indigo-700:#22205F;/* brand */ --bg-soft:#F4F4FB;--text:#111111;--white:#FFFFFF;/* Derived */ --link:var(--indigo-500);--link-hover:#4a4990;/* ~12% darker than 5B5AA5 */ --btn-hover:#1C1B50;/* darker than 22205F */ --chip-bg:#E3EEF0;/* subtle mint mix */}/* ================= BASE ================= */ html[lang="he"]{direction:rtl}html{text-size-adjust:100%}body{/* Default = Hebrew body/UI (site primary language) */ font-family:var(--he-body);font-weight:300;/* Adapter Hebrew Display Light */ font-size:var(--fs-md);line-height:var(--lh-relax);color:var(--text);background:var(--bg-soft);letter-spacing:0;/* Hebrew:avoid tight tracking */ -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"liga" 1,"calt" 1;font-variant-numeric:proportional-nums}p{margin:0 0 1em}small,.caption{font-size:var(--fs-sm);color:#666}.lead{font-size:var(--fs-lg);line-height:var(--lh-snug);color:var(--text)}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}/* ================= HEADINGS ================= */ /* Hebrew headings (default) */ h1,h2,h3,.display,.headline{font-family:var(--he-display);font-weight:500;/* Playpen Sans Hebrew Medium */ line-height:var(--lh-tight);margin:0 0 .5em;color:var(--indigo-700)}h1,.display{font-size:var(--fs-3xl)}h2,.headline{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}/* ================= ENGLISH TYPOGRAPHY ================= */ /* English base = Satoshi Light for body */:lang(en) body{font-family:var(--en-body);font-weight:300;/* Light */ background:var(--bg-soft);/* keep site bg consistent */ color:var(--text)}/* English headings = New Farm (brand display) */:lang(en) h1,:lang(en) h2,:lang(en) h3,:lang(en) .display,:lang(en) .headline{font-family:var(--en-display);letter-spacing:-0.01em;line-height:var(--lh-tight);color:var(--indigo-700)}/* English sub-headers (use Satoshi Medium) */:lang(en) .subhead,:lang(en) .eyebrow,:lang(en) .lead,:lang(en) h2{font-family:var(--en-body);font-weight:500;/* Medium for clarity */ letter-spacing:0;line-height:var(--lh-snug);color:var(--indigo-700)}/* English emphasis */:lang(en) em,:lang(en) i{font-style:italic;font-weight:300;/* Light Italic */}/* ================= UI ELEMENTS ================= */ .eyebrow{font-family:var(--he-body);font-weight:500;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0.02em;color:#666;margin-bottom:.5rem}/* EN UI:buttons,labels,chips in Satoshi Medium */:lang(en) .btn,:lang(en) button,:lang(en) [role="button"],:lang(en) .eyebrow,:lang(en) .label,:lang(en) .chip,:lang(en) .badge,:lang(en) nav a,:lang(en) .tab,:lang(en) .pill{font-family:var(--en-body);font-weight:500;/* Satoshi Medium */ letter-spacing:0}/* Buttons */ .btn{font-family:var(--he-body);font-weight:500;font-size:var(--fs-sm);line-height:1;padding:.9rem 1.1rem;border-radius:999px;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;text-decoration:none}.btn:hover,.btn:focus{text-decoration:none}.btn-primary{background:var(--indigo-700);color:var(--white);border:0;transition:background .18s ease}.btn-primary:hover,.btn-primary:focus{background:#5B5AA5;color:var(--white);text-decoration:none}.btn-secondary{background:transparent;color:var(--indigo-700);border:2px solid var(--indigo-700);padding:.8rem 1rem;transition:background .18s ease,color .18s ease}.btn-secondary:hover,.btn-secondary:focus{color:var(--white);background:var(--indigo-700);text-decoration:none}.btn-sm{padding:.55rem .85rem;font-size:var(--fs-xs)}/* Surfaces */ .card{background:var(--white);border-radius:16px;padding:1.25rem;box-shadow:0 8px 24px rgba(34,32,95,.08)}/* Badges / chips */ .badge-mint{background:var(--mint);color:var(--indigo-700);/* AA contrast */ padding:.35rem .6rem;border-radius:999px;font-weight:500;font-size:.875rem}/* Utilities */ .kern-tight{letter-spacing:-0.01em}/* Use on EN only */ .kern-wide{letter-spacing:0.02em}.tight{line-height:var(--lh-tight)}.snug{line-height:var(--lh-snug)}.relax{line-height:var(--lh-relax)}/* Optional:hero gradient */ .hero{background:linear-gradient(135deg,var(--indigo-700),var(--indigo-500) 60%,#7F7EE0);color:var(--white)}