:root {
  --brand-type-display-font: 'Drugulin';
  --brand-type-display-size: 4rem;
  --brand-type-display-size-mobile: 2.5rem;
  --brand-type-display-weight: 700;
  --brand-type-display-line-height: 1.05;
  --brand-type-display-letter-spacing: -0.01em;
  --brand-type-display-text-transform: none;
  --brand-type-display-font-style: normal;
  --brand-type-heading-font: 'Drugulin';
  --brand-type-heading-size: 2.5rem;
  --brand-type-heading-size-mobile: 1.875rem;
  --brand-type-heading-weight: 700;
  --brand-type-heading-line-height: 1.05;
  --brand-type-heading-letter-spacing: -0.01em;
  --brand-type-heading-text-transform: none;
  --brand-type-heading-font-style: normal;
  --brand-type-subheading-font: 'Drugulin';
  --brand-type-subheading-size: 1.875rem;
  --brand-type-subheading-size-mobile: 1.75rem;
  --brand-type-subheading-weight: 700;
  --brand-type-subheading-line-height: 1.2;
  --brand-type-subheading-letter-spacing: 0em;
  --brand-type-subheading-text-transform: none;
  --brand-type-subheading-font-style: normal;
  --brand-type-body-large-font: 'Frank Ruhl Libre';
  --brand-type-body-large-size: 1.125rem;
  --brand-type-body-large-size-mobile: 1rem;
  --brand-type-body-large-weight: 400;
  --brand-type-body-large-line-height: 1.6;
  --brand-type-body-large-letter-spacing: 0em;
  --brand-type-body-large-text-transform: none;
  --brand-type-body-large-font-style: normal;
  --brand-type-body-font: 'Frank Ruhl Libre';
  --brand-type-body-size: 1.125rem;
  --brand-type-body-size-mobile: 1rem;
  --brand-type-body-weight: 400;
  --brand-type-body-line-height: 1.6;
  --brand-type-body-letter-spacing: 0em;
  --brand-type-body-text-transform: none;
  --brand-type-body-font-style: normal;
  --brand-type-small-font: 'Frank Ruhl Libre';
  --brand-type-small-size: 0.875rem;
  --brand-type-small-size-mobile: 0.875rem;
  --brand-type-small-weight: 400;
  --brand-type-small-line-height: 1.4;
  --brand-type-small-letter-spacing: 0em;
  --brand-type-small-text-transform: none;
  --brand-type-small-font-style: normal;
  --brand-type-label-font: 'Frank Ruhl Libre';
  --brand-type-label-size: 0.75rem;
  --brand-type-label-size-mobile: 0.75rem;
  --brand-type-label-weight: 600;
  --brand-type-label-line-height: 1.3;
  --brand-type-label-letter-spacing: 0.05em;
  --brand-type-label-text-transform: uppercase;
  --brand-type-label-font-style: normal;
  --brand-type-button-font: 'Frank Ruhl Libre';
  --brand-type-button-size: 1.2rem;
  --brand-type-button-size-mobile: 1.2rem;
  --brand-type-button-weight: 600;
  --brand-type-button-line-height: 1.2;
  --brand-type-button-letter-spacing: 0em;
  --brand-type-button-text-transform: none;
  --brand-type-button-font-style: normal;
}
@media (max-width: 768px) {
  :root {
    --brand-type-display-size: 2.5rem;
    --brand-type-heading-size: 1.875rem;
    --brand-type-subheading-size: 1.75rem;
    --brand-type-body-large-size: 1rem;
    --brand-type-body-size: 1rem;
    --brand-type-small-size: 0.875rem;
    --brand-type-label-size: 0.75rem;
    --brand-type-button-size: 1.2rem;
  }
}

:root {
  --btn-size-small-px: 1.25rem;  --btn-size-small-py: 0.5rem;   --btn-size-small-fs: calc(var(--brand-shape-button-fontSize, 1.125rem) - 0.125rem);
  --btn-size-medium-px: 1.5rem;  --btn-size-medium-py: 0.75rem; --btn-size-medium-fs: var(--brand-shape-button-fontSize, 1.125rem);
  --btn-size-large-px: 2.5rem;   --btn-size-large-py: 1.25rem;  --btn-size-large-fs: calc(var(--brand-shape-button-fontSize, 1.125rem) + 0.125rem);
}
/* button: primary (Primary) */
.btn-primary { background: #914730; color: #FAF9F8; border: 1px solid #914730; border-radius: var(--brand-shape-button-radius, 8px); padding: var(--btn-size-medium-py) var(--btn-size-medium-px); font-size: var(--btn-size-medium-fs); font-family: var(--brand-type-body-font, system-ui, sans-serif); font-weight: 600; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; cursor: pointer; }
.btn-primary { position: relative; overflow: hidden; isolation: isolate; transition: color .8s cubic-bezier(.4,0,.2,1), border-color .8s cubic-bezier(.4,0,.2,1); }
.btn-primary::before { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background-color: #BF7058; transform: translate(-50%, -50%); transition: width .8s cubic-bezier(.4,0,.2,1), height .8s cubic-bezier(.4,0,.2,1); z-index: -1; }
.btn-primary:hover::before { width: 300%; height: 300%; }
.btn-primary:hover { color: #FAF9F8; border-color: #BF7058 }
/* button: white (White) */
.btn-white { background: #FAF9F8; color: #822F16; border: 1px solid #FAF9F8; border-radius: var(--brand-shape-button-radius, 8px); padding: var(--btn-size-medium-py) var(--btn-size-medium-px); font-size: var(--btn-size-medium-fs); font-family: var(--brand-type-body-font, system-ui, sans-serif); font-weight: 600; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; cursor: pointer; }
.btn-white { position: relative; overflow: hidden; isolation: isolate; transition: color .8s cubic-bezier(.4,0,.2,1), border-color .8s cubic-bezier(.4,0,.2,1); }
.btn-white::before { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background-color: #FAF9F8; transform: translate(-50%, -50%); transition: width .8s cubic-bezier(.4,0,.2,1), height .8s cubic-bezier(.4,0,.2,1); z-index: -1; }
.btn-white:hover::before { width: 300%; height: 300%; }
.btn-white:hover { color: #822F16; border-color: #FAF9F8 }
/* button: outlined (Outlined) */
.btn-outlined { background: transparent; color: #914730; border: 1px solid #914730; border-radius: var(--brand-shape-button-radius, 8px); padding: var(--btn-size-medium-py) var(--btn-size-medium-px); font-size: var(--btn-size-medium-fs); font-family: var(--brand-type-body-font, system-ui, sans-serif); font-weight: 600; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; cursor: pointer; }
.btn-outlined { position: relative; overflow: hidden; isolation: isolate; transition: color .8s cubic-bezier(.4,0,.2,1), border-color .8s cubic-bezier(.4,0,.2,1); }
.btn-outlined::before { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background-color: #914730; transform: translate(-50%, -50%); transition: width .8s cubic-bezier(.4,0,.2,1), height .8s cubic-bezier(.4,0,.2,1); z-index: -1; }
.btn-outlined:hover::before { width: 300%; height: 300%; }
.btn-outlined:hover { color: #FAF9F8; border-color: #914730 }
/* button: link (Link) */
.btn-link { background: transparent; color: #914730; border: 1px solid transparent; border-radius: var(--brand-shape-button-radius, 8px); padding: var(--btn-size-medium-py) var(--btn-size-medium-px); font-size: var(--btn-size-medium-fs); font-family: var(--brand-type-body-font, system-ui, sans-serif); font-weight: 600; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; cursor: pointer; }
.btn-link { position: relative; overflow: hidden; isolation: isolate; transition: color .8s cubic-bezier(.4,0,.2,1), border-color .8s cubic-bezier(.4,0,.2,1); }
.btn-link::before { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background-color: transparent; transform: translate(-50%, -50%); transition: width .8s cubic-bezier(.4,0,.2,1), height .8s cubic-bezier(.4,0,.2,1); z-index: -1; }
.btn-link:hover::before { width: 300%; height: 300%; }
.btn-link:hover { color: #914730 }

:root {
  --brand-color-brand-primary: #914730;
  --brand-color-brand-primary-hsl: 14 50% 38%;
  --brand-color-brand-primary-rgb: 145, 71, 48;
  --brand-color-brand-secondary: #6b7280;
  --brand-color-brand-secondary-hsl: 220 9% 46%;
  --brand-color-brand-secondary-rgb: 107, 114, 128;
  --brand-color-brand-accent: #BF7058;
  --brand-color-brand-accent-hsl: 14 45% 55%;
  --brand-color-brand-accent-rgb: 191, 112, 88;
  --brand-color-semantic-success: #16a34a;
  --brand-color-semantic-success-hsl: 142 76% 36%;
  --brand-color-semantic-success-rgb: 22, 163, 74;
  --brand-color-semantic-warning: #d97706;
  --brand-color-semantic-warning-hsl: 32 95% 44%;
  --brand-color-semantic-warning-rgb: 217, 119, 6;
  --brand-color-semantic-error: #dc2626;
  --brand-color-semantic-error-hsl: 0 72% 51%;
  --brand-color-semantic-error-rgb: 220, 38, 38;
  --brand-color-semantic-info: #0284c7;
  --brand-color-semantic-info-hsl: 200 98% 39%;
  --brand-color-semantic-info-rgb: 2, 132, 199;
  --brand-color-surface-pageBg: #F7F5F1;
  --brand-color-surface-pageBg-hsl: 40 27% 96%;
  --brand-color-surface-pageBg-rgb: 247, 245, 241;
  --brand-color-surface-cardBg: #FBFAF8;
  --brand-color-surface-cardBg-hsl: 40 27% 98%;
  --brand-color-surface-cardBg-rgb: 251, 250, 248;
  --brand-color-surface-sectionAlt: #EEEBE6;
  --brand-color-surface-sectionAlt-hsl: 37 19% 92%;
  --brand-color-surface-sectionAlt-rgb: 238, 235, 230;
  --brand-color-surface-border: #E0DAD1;
  --brand-color-surface-border-hsl: 36 19% 85%;
  --brand-color-surface-border-rgb: 224, 218, 209;
  --brand-color-surface-darkBg: #2B2520;
  --brand-color-surface-darkBg-hsl: 27 15% 15%;
  --brand-color-surface-darkBg-rgb: 43, 37, 32;
  --brand-color-text-body: #231D1A;
  --brand-color-text-body-hsl: 20 15% 12%;
  --brand-color-text-body-rgb: 35, 29, 26;
  --brand-color-text-muted: #191919;
  --brand-color-text-muted-hsl: 0 0% 10%;
  --brand-color-text-muted-rgb: 25, 25, 25;
  --brand-color-text-heading: #231D1A;
  --brand-color-text-heading-hsl: 20 15% 12%;
  --brand-color-text-heading-rgb: 35, 29, 26;
  --brand-color-text-headingAccent: #914730;
  --brand-color-text-headingAccent-hsl: 14 50% 38%;
  --brand-color-text-headingAccent-rgb: 145, 71, 48;
  --brand-color-text-bodyOnDark: #F7F5F1;
  --brand-color-text-bodyOnDark-hsl: 40 27% 96%;
  --brand-color-text-bodyOnDark-rgb: 247, 245, 241;
  --brand-color-text-headingOnDark: #FBFAF8;
  --brand-color-text-headingOnDark-hsl: 40 27% 98%;
  --brand-color-text-headingOnDark-rgb: 251, 250, 248;
  --brand-font-heading: 'Drugulin';
  --brand-font-body: 'Frank Ruhl Libre';
  --brand-shape-button-radius: 32px;
  --brand-shape-button-fontSize: 1.2rem;
  --brand-shape-card-radius: 24px;
  --brand-shape-base-radius: 8px;
  --brand-shape-large-radius: 24px;
  --brand-spacing-density: 5.5rem;
  --brand-shadow-elevation: 0 1px 2px rgba(26,26,26,0.06), 0 1px 4px rgba(26,26,26,0.04);
  --brand-website-header-logoSize: Medium;
  --brand-website-header-navLinkColor: #231D1A;
  --brand-website-header-navLinkColor-hsl: 20 15% 12%;
  --brand-website-header-navLinkColor-rgb: 35, 29, 26;
  --brand-website-header-navActiveColor: #914730;
  --brand-website-header-navActiveColor-hsl: 14 50% 38%;
  --brand-website-header-navActiveColor-rgb: 145, 71, 48;
  --brand-website-header-mobileMenu: Drawer;
  --brand-website-hero-overlayEnabled: false;
  --brand-website-hero-overlayColor: #2B2520;
  --brand-website-hero-overlayColor-hsl: 27 15% 15%;
  --brand-website-hero-overlayColor-rgb: 43, 37, 32;
  --brand-website-hero-overlayOpacity: 60;
  --brand-website-hero-textColor: Light;
  --brand-website-hero-gradient: None;
  --brand-website-section-darkBg: #2B2520;
  --brand-website-section-darkBg-hsl: 27 15% 15%;
  --brand-website-section-darkBg-rgb: 43, 37, 32;
  --brand-website-footer-bgTone: Dark;
  --brand-website-footer-linkColor: #FBFAF8;
  --brand-website-footer-linkColor-hsl: 40 27% 98%;
  --brand-website-footer-linkColor-rgb: 251, 250, 248;
  --brand-website-footer-showSocial: false;
  --brand-website-footer-socialStyle: Outline;
  --brand-website-footer-columns: 2;
  --brand-website-blog-bodySize: Default;
  --brand-website-blog-codeStyle: Light;
  --brand-website-blog-blockquoteStyle: Left border;
  --brand-website-images-radius: 12px;
  --brand-website-images-border-width: 0;
  --brand-website-images-shadow: 0 1px 2px rgba(26,26,26,0.06), 0 1px 4px rgba(26,26,26,0.04);
  --brand-website-images-hoverEffect: None;
}

[lang="he"] {
  direction: rtl;
}

/* Per-selection token-aware styling */
.tus-color-brand-primary { color: var(--brand-color-brand-primary) }
.tus-color-brand-secondary { color: var(--brand-color-brand-secondary) }
.tus-color-brand-accent { color: var(--brand-color-brand-accent) }
.tus-color-semantic-success { color: var(--brand-color-semantic-success) }
.tus-color-semantic-warning { color: var(--brand-color-semantic-warning) }
.tus-color-semantic-error { color: var(--brand-color-semantic-error) }
.tus-color-semantic-info { color: var(--brand-color-semantic-info) }
.tus-color-surface-pageBg { color: var(--brand-color-surface-pageBg) }
.tus-color-surface-cardBg { color: var(--brand-color-surface-cardBg) }
.tus-color-surface-sectionAlt { color: var(--brand-color-surface-sectionAlt) }
.tus-color-surface-border { color: var(--brand-color-surface-border) }
.tus-color-surface-darkBg { color: var(--brand-color-surface-darkBg) }
.tus-color-text-body { color: var(--brand-color-text-body) }
.tus-color-text-muted { color: var(--brand-color-text-muted) }
.tus-color-text-heading { color: var(--brand-color-text-heading) }
.tus-color-text-headingAccent { color: var(--brand-color-text-headingAccent) }
.tus-color-text-bodyOnDark { color: var(--brand-color-text-bodyOnDark) }
.tus-color-text-headingOnDark { color: var(--brand-color-text-headingOnDark) }

.tus-weight-bold { font-weight: bold }
.tus-style-italic { font-style: italic }
.tus-decor-underline { text-decoration: underline }
.tus-decor-strikethrough { text-decoration: line-through }


/* Per-selection font-family (V2) */
.tus-font-drugulin { font-family: "Drugulin", sans-serif }
.tus-font-frank-ruhl-libre { font-family: "Frank Ruhl Libre", sans-serif }


/* Per-selection font-size (V2) */
.tus-size-xs { font-size: 0.75rem }
.tus-size-sm { font-size: 0.875rem }
.tus-size-base { font-size: 1rem }
.tus-size-lg { font-size: 1.25rem }
.tus-size-xl { font-size: 1.5rem }
.tus-size-2xl { font-size: 2rem }


/* Popup brand vars */
.pop-canvas {
  --pc-primary: #914730;
  --pc-primary-2: #633021;
  --pc-teal: #6b7280;
  --pc-accent: #914730;
  --pc-text: #231D1A;
  --pc-muted: #191919;
  --pc-surface: #FBFAF8;
  --pc-heading: #231D1A;
  --pc-divider: #914730;
  --pc-btn-bg: #914730;
  --pc-btn-text: #FAF9F8;
  --pc-btn-border: #914730;
  --pc-radius-card: 24px;
  --pc-radius-btn: 32px;
  --pc-font-head: 'Drugulin';
  --pc-font-body: 'Frank Ruhl Libre';
}


/* Popup tus-* scoped overrides */
.pop-canvas .tus-weight-bold         { font-weight: bold }
.pop-canvas .tus-style-italic        { font-style: italic }
.pop-canvas .tus-decor-underline     { text-decoration: underline }
.pop-canvas .tus-decor-strikethrough { text-decoration: line-through }
.pop-canvas .tus-color-brand-primary { color: var(--pc-primary) }
.pop-canvas .tus-color-brand-secondary { color: var(--pc-teal) }
.pop-canvas .tus-color-brand-accent { color: var(--pc-accent) }
.pop-canvas .tus-color-semantic-success { color: var(--brand-color-semantic-success) }
.pop-canvas .tus-color-semantic-warning { color: var(--brand-color-semantic-warning) }
.pop-canvas .tus-color-semantic-error { color: var(--brand-color-semantic-error) }
.pop-canvas .tus-color-semantic-info { color: var(--brand-color-semantic-info) }
.pop-canvas .tus-color-surface-pageBg { color: var(--brand-color-surface-pageBg) }
.pop-canvas .tus-color-surface-cardBg { color: var(--pc-surface) }
.pop-canvas .tus-color-surface-sectionAlt { color: var(--brand-color-surface-sectionAlt) }
.pop-canvas .tus-color-surface-border { color: var(--brand-color-surface-border) }
.pop-canvas .tus-color-surface-darkBg { color: var(--brand-color-surface-darkBg) }
.pop-canvas .tus-color-text-body { color: var(--pc-text) }
.pop-canvas .tus-color-text-muted { color: var(--pc-muted) }
.pop-canvas .tus-color-text-heading { color: var(--pc-heading) }
.pop-canvas .tus-color-text-headingAccent { color: var(--pc-divider) }
.pop-canvas .tus-color-text-bodyOnDark { color: var(--brand-color-text-bodyOnDark) }
.pop-canvas .tus-color-text-headingOnDark { color: var(--brand-color-text-headingOnDark) }
.pop-canvas .tus-font-drugulin { font-family: "Drugulin", sans-serif }
.pop-canvas .tus-font-frank-ruhl-libre { font-family: "Frank Ruhl Libre", sans-serif }
/* tus-size-* rules require size-scale — emitted by brand-tokens.css/route.ts */


/* Popup tus-size scoped overrides */
.pop-canvas .tus-size-xs { font-size: 0.75rem }
.pop-canvas .tus-size-sm { font-size: 0.875rem }
.pop-canvas .tus-size-base { font-size: 1rem }
.pop-canvas .tus-size-lg { font-size: 1.25rem }
.pop-canvas .tus-size-xl { font-size: 1.5rem }
.pop-canvas .tus-size-2xl { font-size: 2rem }