/* Generated by scripts/build-design-tokens.php. Do not edit directly. */
:root {
/* Primitive Tokens */
--ef-primitive-color-transparent:transparent;
--ef-primitive-color-black:#000000;
--ef-primitive-color-white:#FFFFFF;
--ef-primitive-color-ink:#1B1B1D;
--ef-primitive-color-surface-warm:#FCF8FA;
--ef-primitive-color-surface-soft:#F0EDEF;
--ef-primitive-color-outline-soft:#C6C6CD;
--ef-primitive-color-navy-showcase:#131B2E;
--ef-primitive-color-ink1000:#020812;
--ef-primitive-color-ink950:#06101E;
--ef-primitive-color-ink900:#091625;
--ef-primitive-color-ink850:#0D1C2D;
--ef-primitive-color-blue-focus:#3B82F6;
--ef-primitive-color-blue-v1-focus:#318CFF;
--ef-primitive-color-blue-v1-muted:#69A9FF;
--ef-primitive-color-blue50:#EAF4FC;
--ef-primitive-color-blue100:#D7EAF8;
--ef-primitive-color-blue500:#147CC1;
--ef-primitive-color-blue600:#0058BC;
--ef-primitive-color-blue-action:#0058BC;
--ef-primitive-color-blue700:#084879;
--ef-primitive-color-blue800:#06395F;
--ef-primitive-color-cyan300:#E0F7FA;
--ef-primitive-color-cyan-subtle:#E0F7FA;
--ef-primitive-color-navy900:#0A192F;
--ef-primitive-color-navy950:#0A192F;
--ef-primitive-color-graphite:#2D3436;
--ef-primitive-color-slate700:#2D3436;
--ef-primitive-color-slate600:#44474D;
--ef-primitive-color-slate200:#C5C6CD;
--ef-primitive-color-slate300:#B8C3D1;
--ef-primitive-color-slate400:#8D9BAE;
--ef-primitive-color-slate500:#66758A;
--ef-primitive-color-slate100:#F2F4F6;
--ef-primitive-color-surface-canvas:#F7F9FB;
--ef-primitive-color-orange50:#FFF4EC;
--ef-primitive-color-orange600:#E87524;
--ef-primitive-color-green700:#1B7F4B;
--ef-primitive-color-amber100:#FFF3CD;
--ef-primitive-color-amber800:#6B4E00;
--ef-primitive-color-red700:#B42318;
--ef-primitive-color-alpha-dark08:rgba(2, 8, 18, 0.08);
--ef-primitive-color-alpha-dark18:rgba(2, 8, 18, 0.18);
--ef-primitive-color-alpha-dark32:rgba(2, 8, 18, 0.32);
--ef-primitive-color-alpha-dark42:rgba(2, 8, 18, 0.42);
--ef-primitive-color-alpha-dark56:rgba(2, 8, 18, 0.56);
--ef-primitive-color-alpha-dark76:rgba(2, 8, 18, 0.76);
--ef-primitive-color-alpha-dark88:rgba(2, 8, 18, 0.88);
--ef-primitive-color-alpha-dark98:rgba(2, 8, 18, 0.98);
--ef-primitive-color-alpha-light06:rgba(255, 255, 255, 0.06);
--ef-primitive-color-alpha-light18:rgba(255, 255, 255, 0.18);
--ef-primitive-font-family-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
--ef-primitive-font-family-editorial:Georgia, "Times New Roman", serif;
--ef-primitive-font-family-mono:"JetBrains Mono", "Cascadia Mono", Consolas, monospace;
--ef-primitive-font-weight-regular:400;
--ef-primitive-font-weight-medium:600;
--ef-primitive-font-weight-bold:700;
--ef-primitive-font-size-caption:0.75rem;
--ef-primitive-font-size-technical-label:0.8125rem;
--ef-primitive-font-size-small:0.875rem;
--ef-primitive-font-size-body:1rem;
--ef-primitive-font-size-body-large:1.125rem;
--ef-primitive-font-size-h3:1.375rem;
--ef-primitive-font-size-h2:clamp(1.75rem, 3vw, 2rem);
--ef-primitive-font-size-section-heading:clamp(1.75rem, 3vw, 2rem);
--ef-primitive-font-size-h1:clamp(2.25rem, 4vw, 3rem);
--ef-primitive-font-size-hero:clamp(2.5rem, 6vw, 4rem);
--ef-primitive-font-size-display:clamp(2.5rem, 5vw, 4rem);
--ef-primitive-font-line-single:1;
--ef-primitive-font-line-hero:1.1;
--ef-primitive-font-line-tight:1.15;
--ef-primitive-font-line-label:1.35;
--ef-primitive-font-line-body-compact:1.6;
--ef-primitive-font-line-body:1.65;
--ef-primitive-font-tracking-normal:0;
--ef-primitive-font-tracking-wide:0.04em;
--ef-primitive-font-tracking-technical:0.05em;
--ef-primitive-font-tracking-eyebrow:0.12em;
--ef-primitive-font-tracking-hero:-0.02em;
--ef-primitive-space-0:0;
--ef-primitive-space-1:4px;
--ef-primitive-space-2:8px;
--ef-primitive-space-negative1:-1px;
--ef-primitive-space-3:12px;
--ef-primitive-space-4:16px;
--ef-primitive-space-5:20px;
--ef-primitive-space-6:24px;
--ef-primitive-space-7:0.45rem;
--ef-primitive-space-8:32px;
--ef-primitive-space-10:40px;
--ef-primitive-space-12:48px;
--ef-primitive-space-16:64px;
--ef-primitive-space-20:80px;
--ef-primitive-space-24:96px;
--ef-primitive-space-30:120px;
--ef-primitive-space-rhythm-section:clamp(64px, 8vw, 96px);
--ef-primitive-space-visual-builder-page-padding:clamp(2rem, 5vw, 5rem) clamp(1rem, 3vw, 2rem);
--ef-primitive-space-visual-builder-content-gap:clamp(1.5rem, 4vw, 4rem);
--ef-primitive-size-control44:44px;
--ef-primitive-size-control48:48px;
--ef-primitive-size-icon20:20px;
--ef-primitive-radius-none:0;
--ef-primitive-radius-small:4px;
--ef-primitive-radius-medium:6px;
--ef-primitive-radius-large:8px;
--ef-primitive-radius-xlarge:12px;
--ef-primitive-radius-full:9999px;
--ef-primitive-shadow-none:none;
--ef-primitive-shadow-restrained:0 4px 16px rgba(10, 25, 47, 0.06);
--ef-primitive-shadow-standard:0 12px 32px rgba(10, 25, 47, 0.10);
--ef-primitive-border-thin:1px;
--ef-primitive-border-focus:2px;
--ef-primitive-opacity-disabled:0.55;
--ef-primitive-opacity-loading:0.7;
--ef-primitive-motion-duration-none:0ms;
--ef-primitive-motion-duration-fast:150ms;
--ef-primitive-motion-duration-normal:200ms;
--ef-primitive-motion-duration-content:260ms;
--ef-primitive-motion-duration-navigation:220ms;
--ef-primitive-motion-duration-media:600ms;
--ef-primitive-motion-easing-standard:cubic-bezier(0.2, 0, 0, 1);
--ef-primitive-motion-easing-enter:cubic-bezier(0.16, 1, 0.3, 1);
--ef-primitive-motion-translate-lift:-2px;
--ef-primitive-motion-translate-arrow:4px;
--ef-primitive-motion-translate-content:8px;
--ef-primitive-motion-scale-active:0.97;
--ef-primitive-motion-scale-media:1.015;
--ef-primitive-layout-content:760px;
--ef-primitive-layout-wide:1200px;
--ef-primitive-layout-presentation-wide:1280px;
--ef-primitive-layout-full:1440px;
--ef-primitive-layout-grid-minimum:16rem;
--ef-primitive-layout-gutter-mobile:16px;
--ef-primitive-layout-presentation-gutter-mobile:20px;
--ef-primitive-layout-gutter-desktop:24px;
--ef-primitive-layout-media-ratio-landscape:16 / 10;
--ef-primitive-layout-media-ratio-product:4 / 3;
--ef-primitive-breakpoint-mobile:640px;
--ef-primitive-breakpoint-tablet:960px;
--ef-primitive-breakpoint-desktop:1200px;

/* Semantic Tokens */
--ef-semantic-color-brand-primary:var(--ef-primitive-color-black);
--ef-semantic-color-brand-primary-strong:var(--ef-primitive-color-navy-showcase);
--ef-semantic-color-brand-secondary:var(--ef-primitive-color-navy-showcase);
--ef-semantic-color-brand-accent:var(--ef-primitive-color-cyan-subtle);
--ef-semantic-color-background:var(--ef-primitive-color-surface-warm);
--ef-semantic-color-surface:var(--ef-primitive-color-white);
--ef-semantic-color-surface-alt:var(--ef-primitive-color-surface-soft);
--ef-semantic-color-text-default:var(--ef-primitive-color-ink);
--ef-semantic-color-text-muted:var(--ef-primitive-color-slate600);
--ef-semantic-color-text-on-dark-muted:var(--ef-primitive-color-blue100);
--ef-semantic-color-border:var(--ef-primitive-color-outline-soft);
--ef-semantic-color-action-primary:var(--ef-primitive-color-black);
--ef-semantic-color-action-primary-foreground:var(--ef-primitive-color-white);
--ef-semantic-color-action-primary-hover:var(--ef-primitive-color-navy-showcase);
--ef-semantic-color-action-primary-active:var(--ef-primitive-color-black);
--ef-semantic-color-action-primary-subtle:var(--ef-primitive-color-blue50);
--ef-semantic-color-action-secondary:var(--ef-primitive-color-navy900);
--ef-semantic-color-action-secondary-foreground:var(--ef-primitive-color-white);
--ef-semantic-color-action-secondary-hover:var(--ef-primitive-color-slate700);
--ef-semantic-color-action-text:var(--ef-primitive-color-transparent);
--ef-semantic-color-action-text-foreground:var(--ef-primitive-color-blue600);
--ef-semantic-color-action-text-hover:var(--ef-primitive-color-blue50);
--ef-semantic-color-accent-foreground:var(--ef-primitive-color-navy900);
--ef-semantic-color-info:var(--ef-primitive-color-blue50);
--ef-semantic-color-info-foreground:var(--ef-primitive-color-navy900);
--ef-semantic-color-info-border:var(--ef-primitive-color-blue600);
--ef-semantic-color-success:var(--ef-primitive-color-green700);
--ef-semantic-color-success-foreground:var(--ef-primitive-color-white);
--ef-semantic-color-warning:var(--ef-primitive-color-amber100);
--ef-semantic-color-warning-foreground:var(--ef-primitive-color-amber800);
--ef-semantic-color-error:var(--ef-primitive-color-red700);
--ef-semantic-color-error-foreground:var(--ef-primitive-color-white);
--ef-semantic-color-unavailable:var(--ef-primitive-color-slate100);
--ef-semantic-color-unavailable-foreground:var(--ef-primitive-color-slate600);
--ef-semantic-color-unavailable-border:var(--ef-primitive-color-slate200);
--ef-semantic-color-focus-ring:var(--ef-primitive-color-blue-focus);
--ef-semantic-color-focus-offset:var(--ef-primitive-color-white);
--ef-semantic-typography-family-heading:var(--ef-primitive-font-family-sans);
--ef-semantic-typography-family-editorial:var(--ef-primitive-font-family-editorial);
--ef-semantic-typography-family-body:var(--ef-primitive-font-family-sans);
--ef-semantic-typography-family-button:var(--ef-primitive-font-family-sans);
--ef-semantic-typography-family-technical:var(--ef-primitive-font-family-mono);
--ef-semantic-typography-size-display:var(--ef-primitive-font-size-display);
--ef-semantic-typography-size-h1:var(--ef-primitive-font-size-h1);
--ef-semantic-typography-size-h2:var(--ef-primitive-font-size-h2);
--ef-semantic-typography-size-section-heading:var(--ef-primitive-font-size-section-heading);
--ef-semantic-typography-size-h3:var(--ef-primitive-font-size-h3);
--ef-semantic-typography-size-hero:var(--ef-primitive-font-size-hero);
--ef-semantic-typography-size-body:var(--ef-primitive-font-size-body);
--ef-semantic-typography-size-body-large:var(--ef-primitive-font-size-body-large);
--ef-semantic-typography-size-small:var(--ef-primitive-font-size-small);
--ef-semantic-typography-size-caption:var(--ef-primitive-font-size-caption);
--ef-semantic-typography-size-technical-label:var(--ef-primitive-font-size-technical-label);
--ef-semantic-typography-weight-regular:var(--ef-primitive-font-weight-regular);
--ef-semantic-typography-weight-medium:var(--ef-primitive-font-weight-medium);
--ef-semantic-typography-weight-bold:var(--ef-primitive-font-weight-bold);
--ef-semantic-typography-line-single:var(--ef-primitive-font-line-single);
--ef-semantic-typography-line-hero:var(--ef-primitive-font-line-hero);
--ef-semantic-typography-line-heading:var(--ef-primitive-font-line-tight);
--ef-semantic-typography-line-body-compact:var(--ef-primitive-font-line-body-compact);
--ef-semantic-typography-line-body:var(--ef-primitive-font-line-body);
--ef-semantic-typography-line-label:var(--ef-primitive-font-line-label);
--ef-semantic-typography-tracking-normal:var(--ef-primitive-font-tracking-normal);
--ef-semantic-typography-tracking-wide:var(--ef-primitive-font-tracking-wide);
--ef-semantic-typography-tracking-technical:var(--ef-primitive-font-tracking-technical);
--ef-semantic-typography-tracking-eyebrow:var(--ef-primitive-font-tracking-eyebrow);
--ef-semantic-typography-tracking-hero:var(--ef-primitive-font-tracking-hero);
--ef-semantic-space-small:var(--ef-primitive-space-2);
--ef-semantic-space-screen-reader-offset:var(--ef-primitive-space-negative1);
--ef-semantic-space-compact-gap:var(--ef-primitive-space-7);
--ef-semantic-space-component:var(--ef-primitive-space-4);
--ef-semantic-space-component-large:var(--ef-primitive-space-6);
--ef-semantic-space-medium:var(--ef-primitive-space-6);
--ef-semantic-space-grid-gap:var(--ef-primitive-space-6);
--ef-semantic-space-large:var(--ef-primitive-space-16);
--ef-semantic-space-section-mobile:var(--ef-primitive-space-16);
--ef-semantic-space-section-compact:var(--ef-primitive-space-20);
--ef-semantic-space-section:var(--ef-primitive-space-30);
--ef-semantic-space-density-card-padding:var(--ef-primitive-space-6);
--ef-semantic-space-density-control-inline:var(--ef-primitive-space-6);
--ef-semantic-space-rhythm-content-stack:var(--ef-primitive-space-4);
--ef-semantic-space-rhythm-section:var(--ef-primitive-space-rhythm-section);
--ef-semantic-space-visual-builder-page-padding:var(--ef-primitive-space-visual-builder-page-padding);
--ef-semantic-space-visual-builder-content-gap:var(--ef-primitive-space-visual-builder-content-gap);
--ef-semantic-space-visual-builder-product-grid-gap:var(--ef-primitive-space-5);
--ef-semantic-layout-content:var(--ef-primitive-layout-content);
--ef-semantic-layout-container:var(--ef-primitive-layout-wide);
--ef-semantic-layout-presentation-wide:var(--ef-primitive-layout-presentation-wide);
--ef-semantic-layout-full:var(--ef-primitive-layout-full);
--ef-semantic-layout-grid-minimum:var(--ef-primitive-layout-grid-minimum);
--ef-semantic-layout-gutter-mobile:var(--ef-primitive-layout-gutter-mobile);
--ef-semantic-layout-presentation-gutter-mobile:var(--ef-primitive-layout-presentation-gutter-mobile);
--ef-semantic-layout-gutter-desktop:var(--ef-primitive-layout-gutter-desktop);
--ef-semantic-layout-media-ratio-landscape:var(--ef-primitive-layout-media-ratio-landscape);
--ef-semantic-layout-media-ratio-product:var(--ef-primitive-layout-media-ratio-product);
--ef-semantic-radius-button:var(--ef-primitive-radius-small);
--ef-semantic-radius-card:var(--ef-primitive-radius-large);
--ef-semantic-radius-input:var(--ef-primitive-radius-small);
--ef-semantic-radius-pill:var(--ef-primitive-radius-full);
--ef-semantic-border-structural-width:var(--ef-primitive-border-thin);
--ef-semantic-border-separator-width:var(--ef-primitive-border-thin);
--ef-semantic-border-control-width:var(--ef-primitive-border-thin);
--ef-semantic-shadow-card:var(--ef-primitive-shadow-none);
--ef-semantic-shadow-card-hover:var(--ef-primitive-shadow-restrained);
--ef-semantic-shadow-elevated:var(--ef-primitive-shadow-standard);
--ef-semantic-shadow-none:var(--ef-primitive-shadow-none);
--ef-semantic-control-button-height:var(--ef-primitive-size-control48);
--ef-semantic-control-input-height:var(--ef-primitive-size-control48);
--ef-semantic-control-minimum-height:var(--ef-primitive-size-control44);
--ef-semantic-control-icon-size:var(--ef-primitive-size-icon20);
--ef-semantic-control-border-width:var(--ef-primitive-border-thin);
--ef-semantic-control-focus-width:var(--ef-primitive-border-focus);
--ef-semantic-control-focus-offset:var(--ef-primitive-border-focus);
--ef-semantic-control-disabled-opacity:var(--ef-primitive-opacity-disabled);
--ef-semantic-control-loading-opacity:var(--ef-primitive-opacity-loading);
--ef-semantic-motion-duration-fast:var(--ef-primitive-motion-duration-fast);
--ef-semantic-motion-duration-normal:var(--ef-primitive-motion-duration-normal);
--ef-semantic-motion-duration-content:var(--ef-primitive-motion-duration-content);
--ef-semantic-motion-duration-navigation:var(--ef-primitive-motion-duration-navigation);
--ef-semantic-motion-duration-media:var(--ef-primitive-motion-duration-media);
--ef-semantic-motion-reduced-duration:var(--ef-primitive-motion-duration-none);
--ef-semantic-motion-easing-standard:var(--ef-primitive-motion-easing-standard);
--ef-semantic-motion-easing-enter:var(--ef-primitive-motion-easing-enter);
--ef-semantic-motion-translate-lift:var(--ef-primitive-motion-translate-lift);
--ef-semantic-motion-translate-arrow:var(--ef-primitive-motion-translate-arrow);
--ef-semantic-motion-translate-content:var(--ef-primitive-motion-translate-content);
--ef-semantic-motion-scale-active:var(--ef-primitive-motion-scale-active);
--ef-semantic-motion-scale-media:var(--ef-primitive-motion-scale-media);
--ef-semantic-breakpoint-mobile:var(--ef-primitive-breakpoint-mobile);
--ef-semantic-breakpoint-tablet:var(--ef-primitive-breakpoint-tablet);
--ef-semantic-breakpoint-desktop:var(--ef-primitive-breakpoint-desktop);

/* Stable public aliases */
--ef-color-primary:var(--ef-semantic-color-brand-primary);
--ef-color-primary-strong:var(--ef-semantic-color-brand-primary-strong);
--ef-color-secondary:var(--ef-semantic-color-brand-secondary);
--ef-color-accent:var(--ef-semantic-color-brand-accent);
--ef-color-surface:var(--ef-semantic-color-surface);
--ef-color-surface-alt:var(--ef-semantic-color-surface-alt);
--ef-color-background:var(--ef-semantic-color-background);
--ef-color-text:var(--ef-semantic-color-text-default);
--ef-color-muted:var(--ef-semantic-color-text-muted);
--ef-color-border:var(--ef-semantic-color-border);
--ef-color-success:var(--ef-semantic-color-success);
--ef-color-warning:var(--ef-semantic-color-warning);
--ef-color-error:var(--ef-semantic-color-error);
--ef-color-focus:var(--ef-semantic-color-focus-ring);
--ef-font-heading:var(--ef-semantic-typography-family-heading);
--ef-font-body:var(--ef-semantic-typography-family-body);
--ef-font-button:var(--ef-semantic-typography-family-button);
--ef-font-technical:var(--ef-semantic-typography-family-technical);
--ef-font-caption-size:var(--ef-semantic-typography-size-caption);
--ef-layout-content:var(--ef-semantic-layout-content);
--ef-layout-container:var(--ef-semantic-layout-container);
--ef-layout-presentation-wide:var(--ef-semantic-layout-presentation-wide);
--ef-layout-full:var(--ef-semantic-layout-full);
--ef-layout-gutter-mobile:var(--ef-semantic-layout-gutter-mobile);
--ef-layout-gutter-desktop:var(--ef-semantic-layout-gutter-desktop);
--ef-space-small:var(--ef-semantic-space-small);
--ef-space-component:var(--ef-semantic-space-component);
--ef-space-component-large:var(--ef-semantic-space-component-large);
--ef-space-medium:var(--ef-semantic-space-medium);
--ef-space-grid-gap:var(--ef-semantic-space-grid-gap);
--ef-space-large:var(--ef-semantic-space-large);
--ef-space-section-mobile:var(--ef-semantic-space-section-mobile);
--ef-space-section:var(--ef-semantic-space-section);
--ef-radius-card:var(--ef-semantic-radius-card);
--ef-radius-button:var(--ef-semantic-radius-button);
--ef-radius-input:var(--ef-semantic-radius-input);
--ef-radius-control:var(--ef-semantic-radius-input);
--ef-shadow-card:var(--ef-semantic-shadow-card);
--ef-shadow-card-hover:var(--ef-semantic-shadow-card-hover);
--ef-focus-ring-width:var(--ef-semantic-control-focus-width);
--ef-focus-ring-offset:var(--ef-semantic-control-focus-offset);
--ef-motion-fast-duration:var(--ef-semantic-motion-duration-fast);
--ef-motion-normal-duration:var(--ef-semantic-motion-duration-normal);
--ef-motion-reduced-duration:var(--ef-semantic-motion-reduced-duration);
--ef-motion-easing:var(--ef-semantic-motion-easing-standard);

/* Component Tokens */
--ef-container-max-width:var(--ef-semantic-layout-container);
--ef-container-content-width:var(--ef-semantic-layout-content);
--ef-container-full-width:var(--ef-semantic-layout-full);
--ef-container-gutter-mobile:var(--ef-semantic-layout-gutter-mobile);
--ef-container-gutter-desktop:var(--ef-semantic-layout-gutter-desktop);
--ef-grid-gap:var(--ef-semantic-space-grid-gap);
--ef-grid-minimum-column:var(--ef-semantic-layout-grid-minimum);
--ef-visual-builder-page-padding:var(--ef-semantic-space-visual-builder-page-padding);
--ef-visual-builder-content-gap:var(--ef-semantic-space-visual-builder-content-gap);
--ef-visual-builder-product-grid-gap:var(--ef-semantic-space-visual-builder-product-grid-gap);
--ef-technical-label-font-family:var(--ef-semantic-typography-family-technical);
--ef-technical-label-font-size:var(--ef-semantic-typography-size-technical-label);
--ef-technical-label-font-weight:var(--ef-semantic-typography-weight-medium);
--ef-technical-label-line-height:var(--ef-semantic-typography-line-single);
--ef-technical-label-letter-spacing:var(--ef-semantic-typography-tracking-technical);
--ef-technical-label-foreground:var(--ef-semantic-color-text-muted);
--ef-button-height:var(--ef-semantic-control-button-height);
--ef-button-padding-inline:var(--ef-semantic-space-density-control-inline);
--ef-button-gap:var(--ef-semantic-space-small);
--ef-button-radius:var(--ef-semantic-radius-button);
--ef-button-border-width:var(--ef-semantic-control-border-width);
--ef-button-font-family:var(--ef-semantic-typography-family-button);
--ef-button-font-size:var(--ef-semantic-typography-size-technical-label);
--ef-button-font-weight:var(--ef-semantic-typography-weight-bold);
--ef-button-line-height:var(--ef-semantic-typography-line-single);
--ef-button-letter-spacing:var(--ef-semantic-typography-tracking-technical);
--ef-button-primary-background:var(--ef-semantic-color-action-primary);
--ef-button-primary-foreground:var(--ef-semantic-color-action-primary-foreground);
--ef-button-primary-border:var(--ef-semantic-color-action-primary);
--ef-button-primary-hover:var(--ef-semantic-color-action-primary-hover);
--ef-button-primary-active:var(--ef-semantic-color-action-primary-active);
--ef-button-base-border:var(--ef-semantic-color-action-text);
--ef-button-secondary-background:var(--ef-semantic-color-action-secondary);
--ef-button-secondary-foreground:var(--ef-semantic-color-action-secondary-foreground);
--ef-button-secondary-border:var(--ef-semantic-color-action-secondary);
--ef-button-secondary-hover:var(--ef-semantic-color-action-secondary-hover);
--ef-button-text-background:var(--ef-semantic-color-action-text);
--ef-button-text-foreground:var(--ef-semantic-color-action-text-foreground);
--ef-button-text-border:var(--ef-semantic-color-action-text);
--ef-button-text-hover:var(--ef-semantic-color-action-text-hover);
--ef-button-outline-background:var(--ef-semantic-color-surface);
--ef-button-outline-foreground:var(--ef-semantic-color-action-primary);
--ef-button-outline-border:var(--ef-semantic-color-action-primary);
--ef-button-outline-hover:var(--ef-semantic-color-action-primary-subtle);
--ef-button-disabled-opacity:var(--ef-semantic-control-disabled-opacity);
--ef-button-focus-color:var(--ef-semantic-color-focus-ring);
--ef-button-focus-offset-color:var(--ef-semantic-color-focus-offset);
--ef-button-focus-width:var(--ef-semantic-control-focus-width);
--ef-button-focus-offset:var(--ef-semantic-control-focus-offset);
--ef-button-transition-duration:var(--ef-semantic-motion-duration-fast);
--ef-button-transition-easing:var(--ef-semantic-motion-easing-standard);
--ef-card-background:var(--ef-semantic-color-surface);
--ef-card-foreground:var(--ef-semantic-color-text-default);
--ef-card-muted:var(--ef-semantic-color-text-muted);
--ef-card-border:var(--ef-semantic-color-border);
--ef-card-border-width:var(--ef-semantic-control-border-width);
--ef-card-radius:var(--ef-semantic-radius-card);
--ef-card-shadow:var(--ef-semantic-shadow-card);
--ef-card-shadow-hover:var(--ef-semantic-shadow-card-hover);
--ef-card-media-ratio:var(--ef-semantic-layout-media-ratio-landscape);
--ef-card-padding:var(--ef-semantic-space-density-card-padding);
--ef-card-gap:var(--ef-semantic-space-rhythm-content-stack);
--ef-card-focus-color:var(--ef-semantic-color-focus-ring);
--ef-card-focus-offset-color:var(--ef-semantic-color-focus-offset);
--ef-card-focus-width:var(--ef-semantic-control-focus-width);
--ef-card-focus-offset:var(--ef-semantic-control-focus-offset);
--ef-card-hover-translate:var(--ef-semantic-motion-translate-lift);
--ef-card-transition-duration:var(--ef-semantic-motion-duration-normal);
--ef-card-transition-easing:var(--ef-semantic-motion-easing-enter);
--ef-breadcrumb-gap:var(--ef-semantic-space-small);
--ef-breadcrumb-item-gap:var(--ef-semantic-space-small);
--ef-breadcrumb-foreground:var(--ef-semantic-color-text-muted);
--ef-breadcrumb-link:var(--ef-semantic-color-action-text-foreground);
--ef-breadcrumb-separator:var(--ef-semantic-color-text-muted);
--ef-breadcrumb-font-size:var(--ef-semantic-typography-size-small);
--ef-breadcrumb-focus-color:var(--ef-semantic-color-focus-ring);
--ef-breadcrumb-focus-offset-color:var(--ef-semantic-color-focus-offset);
--ef-breadcrumb-focus-width:var(--ef-semantic-control-focus-width);
--ef-breadcrumb-focus-offset:var(--ef-semantic-control-focus-offset);
--ef-notice-padding:var(--ef-semantic-space-component);
--ef-notice-gap:var(--ef-semantic-space-small);
--ef-notice-radius:var(--ef-semantic-radius-card);
--ef-notice-border-width:var(--ef-semantic-control-border-width);
--ef-notice-info-background:var(--ef-semantic-color-info);
--ef-notice-info-foreground:var(--ef-semantic-color-info-foreground);
--ef-notice-info-border:var(--ef-semantic-color-info-border);
--ef-notice-warning-background:var(--ef-semantic-color-warning);
--ef-notice-warning-foreground:var(--ef-semantic-color-warning-foreground);
--ef-notice-warning-border:var(--ef-semantic-color-warning-foreground);
--ef-notice-unavailable-background:var(--ef-semantic-color-unavailable);
--ef-notice-unavailable-foreground:var(--ef-semantic-color-unavailable-foreground);
--ef-notice-unavailable-border:var(--ef-semantic-color-unavailable-border);
--ef-empty-state-background:var(--ef-semantic-color-unavailable);
--ef-empty-state-foreground:var(--ef-semantic-color-unavailable-foreground);
--ef-empty-state-border:var(--ef-semantic-color-unavailable-border);
--ef-empty-state-border-width:var(--ef-semantic-control-border-width);
--ef-empty-state-radius:var(--ef-semantic-radius-card);
--ef-empty-state-padding:var(--ef-semantic-space-component-large);
--ef-empty-state-gap:var(--ef-semantic-space-small);
--ef-empty-state-title-weight:var(--ef-semantic-typography-weight-bold);
--ef-product-card-background:var(--ef-semantic-color-surface);
--ef-product-card-foreground:var(--ef-semantic-color-text-default);
--ef-product-card-muted:var(--ef-semantic-color-text-muted);
--ef-product-card-border:var(--ef-semantic-color-border);
--ef-product-card-border-width:var(--ef-semantic-control-border-width);
--ef-product-card-radius:var(--ef-semantic-radius-card);
--ef-product-card-shadow:var(--ef-semantic-shadow-card);
--ef-product-card-shadow-hover:var(--ef-semantic-shadow-card-hover);
--ef-product-card-media-ratio:var(--ef-semantic-layout-media-ratio-product);
--ef-product-card-padding:var(--ef-semantic-space-component-large);
--ef-product-card-gap:var(--ef-semantic-space-component);
--ef-product-card-parameter-background:var(--ef-semantic-color-surface-alt);
--ef-product-card-parameter-label:var(--ef-semantic-color-text-muted);
--ef-product-card-focus-color:var(--ef-semantic-color-focus-ring);
--ef-product-card-focus-offset-color:var(--ef-semantic-color-focus-offset);
--ef-product-card-focus-width:var(--ef-semantic-control-focus-width);
--ef-product-card-focus-offset:var(--ef-semantic-control-focus-offset);
--ef-product-card-hover-translate:var(--ef-semantic-motion-translate-lift);
--ef-product-card-transition-duration:var(--ef-semantic-motion-duration-normal);
--ef-product-card-transition-easing:var(--ef-semantic-motion-easing-enter);
--ef-certificate-card-background:var(--ef-semantic-color-surface);
--ef-certificate-card-foreground:var(--ef-semantic-color-text-default);
--ef-certificate-card-muted:var(--ef-semantic-color-text-muted);
--ef-certificate-card-border:var(--ef-semantic-color-border);
--ef-certificate-card-border-width:var(--ef-semantic-control-border-width);
--ef-certificate-card-radius:var(--ef-semantic-radius-card);
--ef-certificate-card-shadow:var(--ef-semantic-shadow-none);
--ef-certificate-card-padding:var(--ef-semantic-space-component-large);
--ef-certificate-card-icon-color:var(--ef-semantic-color-brand-primary);
--ef-certificate-card-focus-color:var(--ef-semantic-color-focus-ring);
--ef-certificate-card-focus-offset-color:var(--ef-semantic-color-focus-offset);
--ef-certificate-card-focus-width:var(--ef-semantic-control-focus-width);
--ef-certificate-card-focus-offset:var(--ef-semantic-control-focus-offset);
--ef-faq-item-background:var(--ef-semantic-color-surface);
--ef-faq-item-foreground:var(--ef-semantic-color-text-default);
--ef-faq-item-muted:var(--ef-semantic-color-text-muted);
--ef-faq-item-border:var(--ef-semantic-color-border);
--ef-faq-item-border-width:var(--ef-semantic-control-border-width);
--ef-faq-item-radius:var(--ef-semantic-radius-card);
--ef-faq-item-padding:var(--ef-semantic-space-component-large);
--ef-faq-item-gap:var(--ef-semantic-space-component);
--ef-faq-item-summary-height:var(--ef-semantic-control-minimum-height);
--ef-faq-item-icon-color:var(--ef-semantic-color-brand-primary);
--ef-faq-item-focus-color:var(--ef-semantic-color-focus-ring);
--ef-faq-item-focus-offset-color:var(--ef-semantic-color-focus-offset);
--ef-faq-item-focus-width:var(--ef-semantic-control-focus-width);
--ef-faq-item-focus-offset:var(--ef-semantic-control-focus-offset);
--ef-faq-item-transition-duration:var(--ef-semantic-motion-duration-fast);
--ef-faq-item-transition-easing:var(--ef-semantic-motion-easing-standard);
--ef-inquiry-form-background:var(--ef-semantic-color-surface);
--ef-inquiry-form-foreground:var(--ef-semantic-color-text-default);
--ef-inquiry-form-label:var(--ef-semantic-color-text-default);
--ef-inquiry-form-placeholder:var(--ef-semantic-color-text-muted);
--ef-inquiry-form-border:var(--ef-semantic-color-border);
--ef-inquiry-form-border-width:var(--ef-semantic-control-border-width);
--ef-inquiry-form-focus-border:var(--ef-semantic-color-focus-ring);
--ef-inquiry-form-focus-offset-color:var(--ef-semantic-color-focus-offset);
--ef-inquiry-form-error:var(--ef-semantic-color-error);
--ef-inquiry-form-input-height:var(--ef-semantic-control-input-height);
--ef-inquiry-form-input-radius:var(--ef-semantic-radius-input);
--ef-inquiry-form-input-padding-inline:var(--ef-semantic-space-component);
--ef-inquiry-form-field-gap:var(--ef-semantic-space-component-large);
--ef-inquiry-form-focus-width:var(--ef-semantic-control-focus-width);
--ef-inquiry-form-focus-offset:var(--ef-semantic-control-focus-offset);
--ef-inquiry-form-transition-duration:var(--ef-semantic-motion-duration-fast);
--ef-inquiry-form-transition-easing:var(--ef-semantic-motion-easing-standard);
--ef-hero-background:var(--ef-semantic-color-brand-secondary);
--ef-hero-foreground:var(--ef-semantic-color-action-primary-foreground);
--ef-hero-muted:var(--ef-semantic-color-text-on-dark-muted);
--ef-hero-accent:var(--ef-semantic-color-brand-accent);
--ef-hero-title-size:var(--ef-semantic-typography-size-display);
--ef-hero-title-line-height:var(--ef-semantic-typography-line-hero);
--ef-hero-title-tracking:var(--ef-semantic-typography-tracking-hero);
--ef-hero-content-width:var(--ef-semantic-layout-content);
--ef-hero-padding-block:var(--ef-semantic-space-section);
--ef-hero-padding-block-mobile:var(--ef-semantic-space-section-mobile);
--ef-hero-grid-gap:var(--ef-semantic-space-grid-gap);
}

.ef-industry-auto-parts {
--ef-semantic-color-brand-secondary:var(--ef-primitive-color-slate700);
--ef-semantic-color-brand-accent:var(--ef-primitive-color-orange600);
--ef-card-shadow:var(--ef-semantic-shadow-card);
--ef-card-radius:var(--ef-semantic-radius-card);
}

.ef-industry-green-energy {
--ef-semantic-color-brand-secondary:var(--ef-primitive-color-green700);
--ef-semantic-color-brand-accent:var(--ef-primitive-color-cyan300);
--ef-hero-accent:var(--ef-semantic-color-brand-accent);
}

.ef-industry-led {
--ef-semantic-color-brand-secondary:var(--ef-primitive-color-navy900);
--ef-semantic-color-brand-accent:var(--ef-primitive-color-cyan300);
--ef-card-shadow:var(--ef-semantic-shadow-card-hover);
--ef-card-radius:var(--ef-semantic-radius-card);
}

.ef-industry-machinery {
--ef-semantic-color-brand-secondary:var(--ef-primitive-color-slate700);
--ef-semantic-color-brand-accent:var(--ef-primitive-color-orange600);
--ef-card-shadow:var(--ef-semantic-shadow-card);
--ef-card-radius:var(--ef-semantic-radius-card);
}

.ef-industry-outdoor {
--ef-semantic-color-brand-secondary:var(--ef-primitive-color-green700);
--ef-semantic-color-brand-accent:var(--ef-primitive-color-orange600);
--ef-hero-accent:var(--ef-semantic-color-brand-accent);
}