/* SEMANTIC theme layer — generated from Figma, do not edit by hand */
[data-theme="light"]{
  --bg-alpha-darken-normal: var(--b-bg-alpha-darken-normal);
  --bg-alpha-darken-soft: var(--b-bg-alpha-darken-soft);
  --bg-alpha-darken-strong: var(--b-bg-alpha-darken-strong);
  --bg-alpha-lighten-normal: var(--b-bg-alpha-lighten-normal);
  --bg-alpha-lighten-soft: var(--b-bg-alpha-lighten-soft);
  --bg-alpha-lighten-strong: var(--b-bg-alpha-lighten-strong);
  --bg-alpha-mask-0: var(--b-bg-mask-0);
  --bg-alpha-mask-100: var(--b-bg-mask-100);
  --bg-alpha-mask-35: var(--b-bg-mask-35);
  --bg-alpha-mask-50: var(--b-bg-mask-50);
  --bg-alpha-mask-75: var(--b-bg-mask-75);
  --bg-basic-black: var(--b-bg-basic-black);
  --bg-basic-brand: var(--b-bg-basic-brand);
  --bg-basic-brand-inverse: var(--b-bg-basic-brand-inverse);
  --bg-basic-darkest: var(--b-bg-basic-darkest);
  --bg-basic-darkest-inverse: var(--b-bg-basic-darkest-inverse);
  --bg-basic-none: var(--b-bg-basic-none);
  --bg-basic-paper: var(--b-bg-basic-paper);
  --bg-basic-paper-inverse: var(--b-bg-basic-paper-inverse);
  --bg-basic-white: var(--b-bg-basic-white);
  --bg-component-action-brand: var(--b-bg-component-action-brand);
  --bg-component-action-brand-inverse: var(--b-bg-component-action-brand-inverse);
  --bg-component-article-label: var(--b-bg-component-article-label);
  --bg-component-article-label-inverse: var(--b-bg-component-article-label-inverse);
  --bg-component-button-primary: var(--b-bg-component-button-primary);
  --bg-component-button-secondary: var(--b-bg-component-button-secondary);
  --bg-component-card: var(--b-bg-component-card);
  --bg-component-card-inverse: var(--b-bg-component-card-inverse);
  --bg-component-card-label: var(--b-bg-component-card-label);
  --bg-component-card-label-inverse: var(--b-bg-component-card-label-inverse);
  --bg-component-card-opinion: var(--b-bg-component-card-opinion);
  --bg-component-card-opinion-inverse: var(--b-bg-component-card-opinion-inverse);
  --bg-component-field: var(--b-bg-component-field);
  --bg-component-field-inverse: var(--b-bg-component-field-inverse);
  --bg-component-hamburger: var(--b-bg-component-hamburger);
  --bg-component-hamburger-inverse: var(--b-bg-component-hamburger-inverse);
  --bg-component-header: var(--b-bg-component-header);
  --bg-component-header-inverse: var(--b-bg-component-header-inverse);
  --bg-picker-special-1: var(--b-bg-picker-special-1);
  --bg-picker-special-1-inverse: var(--b-bg-picker-special-1-inverse);
  --bg-picker-special-2: var(--b-bg-picker-special-2);
  --bg-picker-special-2-inverse: var(--b-bg-picker-special-2-inverse);
  --bg-picker-special-3: var(--b-bg-picker-special-3);
  --bg-picker-special-3-inverse: var(--b-bg-picker-special-3-inverse);
  --bg-picker-special-4: var(--b-bg-picker-special-4);
  --bg-picker-special-4-inverse: var(--b-bg-picker-special-4-inverse);
  --bg-signal-action: var(--b-bg-signal-action);
  --bg-signal-action-inverse: var(--b-bg-signal-action-inverse);
  --bg-signal-breaking: var(--b-bg-signal-breaking);
  --bg-signal-breaking-inverse: var(--b-bg-signal-breaking-inverse);
  --bg-signal-error: var(--b-bg-signal-error);
  --bg-signal-interactive: var(--b-bg-signal-interactive);
  --bg-signal-marker: var(--b-bg-signal-marker);
  --bg-static-brand: var(--b-bg-basic-brand);
  --bg-static-breaking: var(--b-bg-signal-breaking);
  --bg-static-darkest: var(--b-bg-basic-darkest);
  --bg-static-essential: var(--b-bg-signal-essential);
  --bg-static-highlight: var(--b-bg-signal-highlight);
  --bg-static-special-5: var(--b-bg-picker-special-5);
  --bg-static-white: var(--b-bg-basic-white);
  --bg-surface-1: var(--b-bg-surface-1);
  --bg-surface-1-inverse: var(--b-bg-surface-1-inverse);
  --bg-surface-2: var(--b-bg-surface-2);
  --bg-surface-2-inverse: var(--b-bg-surface-2-inverse);
  --bg-surface-3: var(--b-bg-surface-3);
  --bg-surface-3-inverse: var(--b-bg-surface-3-inverse);
  --bg-surface-4: var(--b-bg-surface-4);
  --bg-surface-4-inverse: var(--b-bg-surface-4-inverse);
  --bg-surface-5: var(--b-bg-surface-5);
  --bg-surface-5-inverse: var(--b-bg-surface-5-inverse);
  --bg-surface-6: var(--b-bg-surface-6);
  --bg-surface-6-inverse: var(--b-bg-surface-6-inverse);
  --border-action-brand: var(--b-border-action-brand);
  --border-action-brand-inverse: var(--b-border-action-brand-inverse);
  --border-article-label: var(--b-border-article-label);
  --border-article-label-inverse: var(--b-border-article-label-inverse);
  --border-brand: var(--b-border-brand);
  --border-card: var(--b-border-card);
  --border-darkest: var(--b-border-darkest);
  --border-darkest-inverse: var(--b-border-darkest-inverse);
  --border-error: var(--b-border-error);
  --border-gradient-1: var(--b-border-gradient-1);
  --border-gradient-2: var(--b-border-gradient-2);
  --border-gradient-3: var(--b-border-gradient-3);
  --border-hairline: var(--b-border-hairline);
  --border-hairline-inverse: var(--b-border-hairline-inverse);
  --border-normal: var(--b-border-normal);
  --border-normal-inverse: var(--b-border-normal-inverse);
  --border-ring: var(--b-border-ring);
  --border-ring-inverse: var(--b-border-ring-inverse);
  --border-strong: var(--b-border-strong);
  --border-strong-inverse: var(--b-border-strong-inverse);
  --brand-boker: var(--b-organization-boker);
  --brand-boker-inverse: var(--b-organization-boker-inverse);
  --brand-eye: var(--b-organization-eye);
  --brand-eye-inverse: var(--b-organization-eye-inverse);
  --brand-shakuf: var(--b-organization-shakuf);
  --brand-shakuf-inverse: var(--b-organization-shakuf-inverse);
  --content-accent-essential: var(--b-content-essential-inverse);
  --content-action-brand: var(--b-content-action-brand);
  --content-action-brand-inverse: var(--b-content-action-brand-inverse);
  --content-article-label: var(--b-content-article-label);
  --content-article-label-inverse: var(--b-content-article-label-inverse);
  --content-black: var(--b-content-black);
  --content-body: var(--b-content-body);
  --content-body-inverse: var(--b-content-body-inverse);
  --content-brand: var(--b-content-brand);
  --content-brand-inverse: var(--b-content-brand-inverse);
  --content-breaking: var(--b-content-breaking);
  --content-breaking-inverse: var(--b-content-breaking-inverse);
  --content-byline: var(--b-content-byline);
  --content-byline-inverse: var(--b-content-byline-inverse);
  --content-cta: var(--b-content-cta);
  --content-cta-inverse: var(--b-content-cta-inverse);
  --content-cta-muted: var(--b-content-cta-muted);
  --content-cta-muted-inverse: var(--b-content-cta-muted-inverse);
  --content-date: var(--b-content-date);
  --content-date-inverse: var(--b-content-date-inverse);
  --content-disable: var(--b-content-disable);
  --content-disable-inverse: var(--b-content-disable-inverse);
  --content-error: var(--b-content-error);
  --content-essential: var(--b-content-essential);
  --content-interactive: var(--b-content-interactive);
  --content-interactive-inverse: var(--b-content-interactive-inverse);
  --content-label: var(--b-content-label);
  --content-label-inverse: var(--b-content-label-inverse);
  --content-lid: var(--b-content-lid);
  --content-lid-inverse: var(--b-content-lid-inverse);
  --content-link: var(--b-content-link);
  --content-link-inverse: var(--b-content-link-inverse);
  --content-nav-item: var(--b-content-nav-item);
  --content-nav-item-inverse: var(--b-content-nav-item-inverse);
  --content-on-button-primary-static: var(--b-content-on-button-primary-static);
  --content-on-button-secondary: var(--b-content-on-button-secondary);
  --content-primary: var(--b-content-primary);
  --content-primary-inverse: var(--b-content-primary-inverse);
  --content-secondary: var(--b-content-secondary);
  --content-secondary-inverse: var(--b-content-secondary-inverse);
  --content-section-title: var(--b-content-section-title);
  --content-section-title-inverse: var(--b-content-section-title-inverse);
  --content-static-breaking: var(--b-content-static-breaking);
  --content-static-darkest: var(--b-content-static-darkest);
  --content-static-essential: var(--b-content-static-essential);
  --content-static-white: var(--b-content-static-white);
  --content-subhead: var(--b-content-subhead);
  --content-tertiary: var(--b-content-tertiary);
  --content-tertiary-inverse: var(--b-content-tertiary-inverse);
  --content-white: var(--b-content-white);
  --effect-shadow-soft: var(--b-effect-shadow-soft);
}
[data-theme="dark"]{
  --bg-alpha-darken-normal: var(--b-bg-alpha-lighten-normal);
  --bg-alpha-darken-soft: var(--b-bg-alpha-lighten-soft);
  --bg-alpha-darken-strong: var(--b-bg-alpha-lighten-strong);
  --bg-alpha-lighten-normal: var(--b-bg-alpha-darken-normal);
  --bg-alpha-lighten-soft: var(--b-bg-alpha-darken-soft);
  --bg-alpha-lighten-strong: var(--b-bg-alpha-darken-strong);
  --bg-alpha-mask-0: var(--b-bg-mask-0);
  --bg-alpha-mask-100: var(--b-bg-mask-100);
  --bg-alpha-mask-35: var(--b-bg-mask-35);
  --bg-alpha-mask-50: var(--b-bg-mask-50);
  --bg-alpha-mask-75: var(--b-bg-mask-75);
  --bg-basic-black: var(--b-bg-basic-white);
  --bg-basic-brand: var(--b-core-neutral-100);
  --bg-basic-brand-inverse: var(--b-bg-basic-brand);
  --bg-basic-darkest: var(--b-bg-basic-darkest-inverse);
  --bg-basic-darkest-inverse: var(--b-bg-basic-darkest);
  --bg-basic-none: var(--b-bg-basic-none);
  --bg-basic-paper: var(--b-bg-basic-paper-inverse);
  --bg-basic-paper-inverse: var(--b-bg-basic-paper);
  --bg-basic-white: var(--b-bg-basic-black);
  --bg-component-action-brand: var(--b-bg-component-action-brand-inverse);
  --bg-component-action-brand-inverse: var(--b-bg-component-action-brand);
  --bg-component-article-label: var(--b-bg-component-article-label);
  --bg-component-article-label-inverse: var(--b-bg-component-article-label-inverse);
  --bg-component-button-primary: var(--b-bg-component-button-primary);
  --bg-component-button-secondary: var(--b-bg-component-button-secondary);
  --bg-component-card: var(--b-bg-component-card-inverse);
  --bg-component-card-inverse: var(--b-bg-component-card);
  --bg-component-card-label: var(--b-bg-component-card-label-inverse);
  --bg-component-card-label-inverse: var(--b-bg-component-card-label);
  --bg-component-card-opinion: var(--b-bg-component-card-opinion-inverse);
  --bg-component-card-opinion-inverse: var(--b-bg-component-card-opinion);
  --bg-component-field: var(--b-bg-component-field-inverse);
  --bg-component-field-inverse: var(--b-bg-component-field);
  --bg-component-hamburger: var(--b-bg-component-hamburger-inverse);
  --bg-component-hamburger-inverse: var(--b-bg-component-hamburger);
  --bg-component-header: var(--b-bg-component-header-inverse);
  --bg-component-header-inverse: var(--b-bg-component-header);
  --bg-picker-special-1: var(--b-bg-picker-special-1-inverse);
  --bg-picker-special-1-inverse: var(--b-bg-picker-special-1);
  --bg-picker-special-2: var(--b-bg-picker-special-2-inverse);
  --bg-picker-special-2-inverse: var(--b-bg-picker-special-2);
  --bg-picker-special-3: var(--b-bg-picker-special-3-inverse);
  --bg-picker-special-3-inverse: var(--b-bg-picker-special-3);
  --bg-picker-special-4: var(--b-bg-picker-special-4-inverse);
  --bg-picker-special-4-inverse: var(--b-bg-picker-special-4);
  --bg-signal-action: var(--b-bg-signal-action-inverse);
  --bg-signal-action-inverse: var(--b-bg-signal-action);
  --bg-signal-breaking: var(--b-bg-signal-breaking-inverse);
  --bg-signal-breaking-inverse: var(--b-bg-signal-breaking);
  --bg-signal-error: var(--b-bg-signal-error);
  --bg-signal-interactive: var(--b-bg-signal-interactive);
  --bg-signal-marker: var(--b-bg-signal-marker-inverse);
  --bg-static-brand: var(--b-bg-basic-brand);
  --bg-static-breaking: var(--b-bg-signal-breaking);
  --bg-static-darkest: var(--b-bg-basic-darkest);
  --bg-static-essential: var(--b-bg-signal-essential);
  --bg-static-highlight: var(--b-bg-signal-highlight);
  --bg-static-special-5: var(--b-bg-picker-special-5);
  --bg-static-white: var(--b-bg-basic-white);
  --bg-surface-1: var(--b-bg-surface-1-inverse);
  --bg-surface-1-inverse: var(--b-bg-surface-1);
  --bg-surface-2: var(--b-bg-surface-2-inverse);
  --bg-surface-2-inverse: var(--b-bg-surface-2);
  --bg-surface-3: var(--b-bg-surface-3-inverse);
  --bg-surface-3-inverse: var(--b-bg-surface-3);
  --bg-surface-4: var(--b-bg-surface-4-inverse);
  --bg-surface-4-inverse: var(--b-bg-surface-4);
  --bg-surface-5: var(--b-bg-surface-5-inverse);
  --bg-surface-5-inverse: var(--b-bg-surface-5);
  --bg-surface-6: var(--b-bg-surface-6-inverse);
  --bg-surface-6-inverse: var(--b-bg-surface-6);
  --border-action-brand: var(--b-border-action-brand-inverse);
  --border-action-brand-inverse: var(--b-border-action-brand);
  --border-article-label: var(--b-border-article-label-inverse);
  --border-article-label-inverse: var(--b-border-article-label);
  --border-brand: var(--b-border-brand-inverse);
  --border-card: var(--b-border-card-inverse);
  --border-darkest: var(--b-border-darkest-inverse);
  --border-darkest-inverse: var(--b-border-darkest);
  --border-error: var(--b-border-error);
  --border-gradient-1: var(--b-border-gradient-1);
  --border-gradient-2: var(--b-border-gradient-2);
  --border-gradient-3: var(--b-border-gradient-3);
  --border-hairline: var(--b-border-hairline-inverse);
  --border-hairline-inverse: var(--b-border-hairline);
  --border-normal: var(--b-border-normal-inverse);
  --border-normal-inverse: var(--b-border-normal);
  --border-ring: var(--b-border-ring-inverse);
  --border-ring-inverse: var(--b-border-ring);
  --border-strong: var(--b-border-strong-inverse);
  --border-strong-inverse: var(--b-border-strong);
  --brand-boker: var(--b-organization-boker-inverse);
  --brand-boker-inverse: var(--b-organization-boker);
  --brand-eye: var(--b-organization-eye-inverse);
  --brand-eye-inverse: var(--b-organization-eye);
  --brand-shakuf: var(--b-organization-shakuf-inverse);
  --brand-shakuf-inverse: var(--b-organization-shakuf);
  --content-accent-essential: var(--b-content-essential);
  --content-action-brand: var(--b-content-action-brand-inverse);
  --content-action-brand-inverse: var(--b-content-action-brand);
  --content-article-label: var(--b-content-article-label-inverse);
  --content-article-label-inverse: var(--b-content-article-label);
  --content-black: var(--b-content-white);
  --content-body: var(--b-content-body-inverse);
  --content-body-inverse: var(--b-content-body);
  --content-brand: var(--b-content-brand-inverse);
  --content-brand-inverse: var(--b-content-brand);
  --content-breaking: var(--b-content-breaking-inverse);
  --content-breaking-inverse: var(--b-content-breaking);
  --content-byline: var(--b-content-byline-inverse);
  --content-byline-inverse: var(--b-content-byline);
  --content-cta: var(--b-content-cta-inverse);
  --content-cta-inverse: var(--b-content-cta);
  --content-cta-muted: var(--b-content-cta-muted-inverse);
  --content-cta-muted-inverse: var(--b-content-cta-muted);
  --content-date: var(--b-content-date-inverse);
  --content-date-inverse: var(--b-content-date);
  --content-disable: var(--b-content-disable-inverse);
  --content-disable-inverse: var(--b-content-disable);
  --content-error: var(--b-content-error);
  --content-essential: var(--b-content-essential-inverse);
  --content-interactive: var(--b-content-interactive-inverse);
  --content-interactive-inverse: var(--b-content-interactive);
  --content-label: var(--b-content-label-inverse);
  --content-label-inverse: var(--b-content-label);
  --content-lid: var(--b-content-lid-inverse);
  --content-lid-inverse: var(--b-content-lid);
  --content-link: var(--b-content-link-inverse);
  --content-link-inverse: var(--b-content-link);
  --content-nav-item: var(--b-content-nav-item-inverse);
  --content-nav-item-inverse: var(--b-content-nav-item);
  --content-on-button-primary-static: var(--b-content-on-button-primary-static);
  --content-on-button-secondary: var(--b-content-on-button-secondary-inverse);
  --content-primary: var(--b-content-primary-inverse);
  --content-primary-inverse: var(--b-content-primary);
  --content-secondary: var(--b-content-secondary-inverse);
  --content-secondary-inverse: var(--b-content-secondary);
  --content-section-title: var(--b-content-section-title-inverse);
  --content-section-title-inverse: var(--b-content-section-title);
  --content-static-breaking: var(--b-content-static-breaking);
  --content-static-darkest: var(--b-content-static-darkest);
  --content-static-essential: var(--b-content-static-essential);
  --content-static-white: var(--b-content-static-white);
  --content-subhead: var(--b-content-subhead-inverse);
  --content-tertiary: var(--b-content-tertiary-inverse);
  --content-tertiary-inverse: var(--b-content-tertiary);
  --content-white: var(--b-content-black);
  --effect-shadow-soft: var(--b-effect-shadow-soft);
}

/* ===== CONTRAST FALLBACKS — generated by tools/build-contrast.py.
   A text token that fails WCAG AA (4.5:1) on a picker surface is
   swapped to its declared fallback inside that surface only.
   Recomputed on every build; do not edit by hand. ===== */
[data-brand="eye"] .grid-block[data-bg="special-1"][data-theme="light"],
[data-brand="eye"] ip-card-opinion[data-bg="special-1"][data-theme="light"] .card-opinion,
[data-brand="eye"] .promotion-module[data-bg="special-1"][data-theme="light"]{ --content-section-title:var(--b-core-main-secondary-deep); }
[data-brand="eye"] .flash-ticker[data-theme="light"]{ --content-breaking:var(--b-core-main-secondary-deep); }
[data-brand="ham"] .grid-block[data-bg="special-1"][data-theme="light"],
[data-brand="ham"] ip-card-opinion[data-bg="special-1"][data-theme="light"] .card-opinion,
[data-brand="ham"] .promotion-module[data-bg="special-1"][data-theme="light"]{ --content-byline:var(--b-core-main-tertiary-deep); }
[data-brand="ham"] .grid-block[data-bg="special-1"][data-theme="light"],
[data-brand="ham"] ip-card-opinion[data-bg="special-1"][data-theme="light"] .card-opinion,
[data-brand="ham"] .promotion-module[data-bg="special-1"][data-theme="light"]{ --content-tertiary:var(--b-core-main-tertiary-deep); }
[data-brand="ham"] .grid-block[data-bg="special-2"][data-theme="light"],
[data-brand="ham"] ip-card-opinion[data-bg="special-2"][data-theme="light"] .card-opinion,
[data-brand="ham"] .promotion-module[data-bg="special-2"][data-theme="light"]{ --content-byline:var(--b-core-main-tertiary-deep); }
[data-brand="ham"] .grid-block[data-bg="special-2"][data-theme="light"],
[data-brand="ham"] ip-card-opinion[data-bg="special-2"][data-theme="light"] .card-opinion,
[data-brand="ham"] .promotion-module[data-bg="special-2"][data-theme="light"]{ --content-tertiary:var(--b-core-main-tertiary-deep); }
[data-brand="ham"] .flash-ticker[data-theme="light"]{ --content-breaking:var(--b-core-main-secondary-deep); }
[data-brand="ham"] .grid-block[data-bg="special-1"][data-theme="dark"],
[data-brand="ham"] ip-card-opinion[data-bg="special-1"][data-theme="dark"] .card-opinion,
[data-brand="ham"] .promotion-module[data-bg="special-1"][data-theme="dark"]{ --content-byline:var(--b-core-gray-white); }
[data-brand="ham"] .grid-block[data-bg="special-1"][data-theme="dark"],
[data-brand="ham"] ip-card-opinion[data-bg="special-1"][data-theme="dark"] .card-opinion,
[data-brand="ham"] .promotion-module[data-bg="special-1"][data-theme="dark"]{ --content-section-title:var(--b-core-gray-white); }
[data-brand="ham"] .grid-block[data-bg="special-1"][data-theme="dark"],
[data-brand="ham"] ip-card-opinion[data-bg="special-1"][data-theme="dark"] .card-opinion,
[data-brand="ham"] .promotion-module[data-bg="special-1"][data-theme="dark"]{ --content-subhead:var(--b-core-gray-white); }
[data-brand="ham"] .grid-block[data-bg="special-1"][data-theme="dark"],
[data-brand="ham"] ip-card-opinion[data-bg="special-1"][data-theme="dark"] .card-opinion,
[data-brand="ham"] .promotion-module[data-bg="special-1"][data-theme="dark"]{ --content-tertiary:var(--b-core-gray-white); }
[data-brand="ham"] .grid-block[data-bg="special-4"][data-theme="dark"],
[data-brand="ham"] ip-card-opinion[data-bg="special-4"][data-theme="dark"] .card-opinion,
[data-brand="ham"] .promotion-module[data-bg="special-4"][data-theme="dark"]{ --content-byline:var(--b-core-gray-white); }
[data-brand="ham"] .grid-block[data-bg="special-4"][data-theme="dark"],
[data-brand="ham"] ip-card-opinion[data-bg="special-4"][data-theme="dark"] .card-opinion,
[data-brand="ham"] .promotion-module[data-bg="special-4"][data-theme="dark"]{ --content-section-title:var(--b-core-gray-white); }
[data-brand="ham"] .grid-block[data-bg="special-4"][data-theme="dark"],
[data-brand="ham"] ip-card-opinion[data-bg="special-4"][data-theme="dark"] .card-opinion,
[data-brand="ham"] .promotion-module[data-bg="special-4"][data-theme="dark"]{ --content-subhead:var(--b-core-gray-white); }
[data-brand="ham"] .grid-block[data-bg="special-4"][data-theme="dark"],
[data-brand="ham"] ip-card-opinion[data-bg="special-4"][data-theme="dark"] .card-opinion,
[data-brand="ham"] .promotion-module[data-bg="special-4"][data-theme="dark"]{ --content-tertiary:var(--b-core-gray-white); }