/**
 * File: assets/css/foundation/tokens.css
 * Purpose: Generated runtime CSS custom properties from config/dna/design-tokens.json.
 * Scope: Canonical generated theme tokens only; do not edit this file manually.
 * Related PHP: config/generated/tokens.php, tools/build-tokens.php
 * Related JS: None
 * Package: HyperDAF Pro
 */

:root,
.editor-styles-wrapper {
    --hdf-admin-color-accent: #4F7A20;
    --hdf-admin-color-accent-hover: #466D1C;
    --hdf-admin-color-accent-soft: #EFF7E7;
    --hdf-admin-color-accent-text: #365614;
    --hdf-admin-color-border: #C3C4C7;
    --hdf-admin-color-border-subtle: #DCDCDE;
    --hdf-admin-color-canvas: #F0F0F1;
    --hdf-admin-color-danger-soft: #FCF0F1;
    --hdf-admin-color-panel: #FFFFFF;
    --hdf-admin-color-panel-muted: #F0F0F1;
    --hdf-admin-color-panel-subtle: #F6F7F7;
    --hdf-admin-color-row-hover: #FAFBFC;
    --hdf-admin-color-success-soft: #EDFAF4;
    --hdf-admin-color-text: #1D2327;
    --hdf-admin-color-text-muted: #646970;
    --hdf-admin-color-text-secondary: #50575E;
    --hdf-admin-layout-control-height: 2.5rem;
    --hdf-admin-layout-control-max-width: 34rem;
    --hdf-admin-layout-field-label-compact-width: 12rem;
    --hdf-admin-layout-field-label-width: 14rem;
    --hdf-admin-layout-number-max-width: 12rem;
    --hdf-admin-layout-page-max: 76rem;
    --hdf-admin-layout-radio-label-width: 9rem;
    --hdf-admin-layout-reading-width: 42rem;
    --hdf-admin-layout-select-max-width: 25rem;
    --hdf-admin-layout-suffix-control-max-width: 22rem;
    --hdf-admin-radius-control: 0.25rem;
    --hdf-admin-radius-panel: 0.375rem;
    --hdf-admin-radius-tab: 0.25rem;
    --hdf-admin-shadow-choice-selected: inset 0 0 0 var(--hdf-border-width-hairline) var(--hdf-admin-color-accent);
    --hdf-admin-shadow-panel: 0 1px 2px rgba(0, 0, 0, 0.06);
    --hdf-admin-shadow-sticky: 0 -2px 8px rgba(0, 0, 0, 0.06);
    --hdf-border-width-default: 0.0625rem;
    --hdf-border-width-hairline: 0.0625rem;
    --hdf-border-width-strong: 0.125rem;
    --hdf-breakpoint-2xl: 90rem;
    --hdf-breakpoint-lg: 64rem;
    --hdf-breakpoint-md: 48rem;
    --hdf-breakpoint-sm: 36rem;
    --hdf-breakpoint-xl: 80rem;
    --hdf-color-border: #D0D5DD;
    --hdf-color-border-strong: #98A2B3;
    --hdf-color-border-subtle: #E4E7EC;
    --hdf-color-canvas: #F8FAFC;
    --hdf-color-danger: #B42318;
    --hdf-color-danger-soft: #FEF3F2;
    --hdf-color-danger-text: #991B1B;
    --hdf-color-focus: #2457D6;
    --hdf-color-info: #175CD3;
    --hdf-color-info-soft: #EEF4FF;
    --hdf-color-info-text: #1677A8;
    --hdf-color-info-text-hover: #0F5F88;
    --hdf-color-link: #4F7A20;
    --hdf-color-link-hover: #466D1C;
    --hdf-color-on-primary: #111827;
    --hdf-color-on-primary-strong: #FFFFFF;
    --hdf-color-price-current: #20242A;
    --hdf-color-price-old: #8A9099;
    --hdf-color-primary: #79B530;
    --hdf-color-primary-hover: #466D1C;
    --hdf-color-primary-strong: #4F7A20;
    --hdf-color-rating: #F5A623;
    --hdf-color-success: #067647;
    --hdf-color-success-soft: #ECFDF3;
    --hdf-color-success-text: #166534;
    --hdf-color-surface: #FFFFFF;
    --hdf-color-surface-card: #FFFFFF;
    --hdf-color-surface-document: #FFFFFF;
    --hdf-color-surface-hero: #EFF0F2;
    --hdf-color-surface-hover: #FAFBFC;
    --hdf-color-surface-inset: #F2F4F7;
    --hdf-color-surface-muted: #F2F4F7;
    --hdf-color-surface-page: #F7F8FA;
    --hdf-color-surface-raised: #FFFFFF;
    --hdf-color-surface-selected: #EFF7E7;
    --hdf-color-surface-subtle: #F8FAFC;
    --hdf-color-text-disabled: #98A2B3;
    --hdf-color-text-inverse: #FFFFFF;
    --hdf-color-text-muted: #667085;
    --hdf-color-text-primary: #111827;
    --hdf-color-text-secondary: #344054;
    --hdf-color-text-strong: #101828;
    --hdf-color-text-tertiary: #475467;
    --hdf-color-warning: #B54708;
    --hdf-color-warning-soft: #FFFAEB;
    --hdf-color-warning-text: #805B00;
    --hdf-component-action-rail-size: 2.75rem;
    --hdf-component-badge-height: 1.5rem;
    --hdf-component-badge-padding-x: 0.5rem;
    --hdf-component-badge-radius: var(--hdf-radius-pill);
    --hdf-component-blog-archive-gap: 1.5rem;
    --hdf-component-blog-card-media-background: var(--hdf-color-surface-muted);
    --hdf-component-blog-content-font-size: 1.125rem;
    --hdf-component-blog-header-width: 48rem;
    --hdf-component-blog-single-content-width: 47.5rem;
    --hdf-component-breadcrumb-current-max-width: 26rem;
    --hdf-component-breadcrumb-height: 2.75rem;
    --hdf-component-breadcrumb-separator-size: 0.875rem;
    --hdf-component-button-danger-background: var(--hdf-color-danger);
    --hdf-component-button-height: 2.75rem;
    --hdf-component-button-height-lg: 3rem;
    --hdf-component-button-height-md: 2.75rem;
    --hdf-component-button-height-sm: 2.25rem;
    --hdf-component-button-icon-gap: 0.5rem;
    --hdf-component-button-padding-x: 1.25rem;
    --hdf-component-button-primary-background: var(--hdf-color-primary-strong);
    --hdf-component-button-primary-foreground: var(--hdf-color-on-primary-strong);
    --hdf-component-button-primary-hover: var(--hdf-color-primary-hover);
    --hdf-component-button-radius: var(--hdf-radius-md);
    --hdf-component-button-secondary-background: var(--hdf-color-surface);
    --hdf-component-button-secondary-foreground: var(--hdf-color-text-primary);
    --hdf-component-button-text-transform: none;
    --hdf-component-button-weight: 600;
    --hdf-component-card-background: var(--hdf-color-surface);
    --hdf-component-card-border: var(--hdf-color-border);
    --hdf-component-card-default-shadow: none;
    --hdf-component-card-hover-border: var(--hdf-color-primary);
    --hdf-component-card-hover-shadow: var(--hdf-shadow-sm);
    --hdf-component-card-hover-transform: none;
    --hdf-component-card-padding: 1.5rem;
    --hdf-component-card-radius: var(--hdf-radius-md);
    --hdf-component-card-shadow: var(--hdf-shadow-sm);
    --hdf-component-content-heading-weight: 600;
    --hdf-component-control-height: 2.75rem;
    --hdf-component-document-background: var(--hdf-color-surface-document);
    --hdf-component-document-padding: 1.5rem;
    --hdf-component-dropdown-divider-width: var(--hdf-border-width-default);
    --hdf-component-dropdown-radius: var(--hdf-radius-lg);
    --hdf-component-dropdown-shadow: var(--hdf-shadow-md);
    --hdf-component-empty-state-background: var(--hdf-color-surface-subtle);
    --hdf-component-empty-state-border: var(--hdf-color-border);
    --hdf-component-field-background: var(--hdf-color-surface);
    --hdf-component-field-border: var(--hdf-color-border);
    --hdf-component-field-focus-border: var(--hdf-color-focus);
    --hdf-component-field-focus-ring: var(--hdf-shadow-focus);
    --hdf-component-focus-width: 0.125rem;
    --hdf-component-footer-accordion-trigger-height: 3.25rem;
    --hdf-component-footer-bottom-surface: var(--hdf-color-surface-subtle);
    --hdf-component-footer-brand-column-width: 20rem;
    --hdf-component-footer-info-max-width: 20rem;
    --hdf-component-footer-logo-max-height: 3.5rem;
    --hdf-component-footer-logo-max-width: 13rem;
    --hdf-component-footer-main-column-gap: 2rem;
    --hdf-component-footer-main-padding-block: 3rem;
    --hdf-component-footer-main-surface: var(--hdf-color-surface-muted);
    --hdf-component-footer-menu-column-gap: 1.25rem;
    --hdf-component-footer-menu-heading-gap: 0.75rem;
    --hdf-component-footer-menu-item-gap: 0.5rem;
    --hdf-component-footer-menu-link-line-height: 1.35;
    --hdf-component-footer-newsletter-button-surface: var(--hdf-color-info);
    --hdf-component-footer-newsletter-button-text: var(--hdf-color-text-inverse);
    --hdf-component-footer-newsletter-card-min-width: 26rem;
    --hdf-component-footer-newsletter-card-muted: var(--hdf-color-text-muted);
    --hdf-component-footer-newsletter-card-padding: 1rem;
    --hdf-component-footer-newsletter-card-radius: var(--hdf-radius-lg);
    --hdf-component-footer-newsletter-card-shadow: var(--hdf-shadow-sm);
    --hdf-component-footer-newsletter-card-surface: var(--hdf-color-surface);
    --hdf-component-footer-newsletter-card-text: var(--hdf-color-text-primary);
    --hdf-component-footer-newsletter-form-border: var(--hdf-color-border);
    --hdf-component-footer-newsletter-form-height: 2.75rem;
    --hdf-component-footer-newsletter-form-surface: var(--hdf-color-surface-subtle);
    --hdf-component-footer-social-icon-size: 1rem;
    --hdf-component-footer-social-size: 2.25rem;
    --hdf-component-footer-support-glyph-size: 1.125rem;
    --hdf-component-footer-support-icon-size: 2.25rem;
    --hdf-component-footer-support-item-padding-inline: 1.5rem;
    --hdf-component-footer-support-min-height: 5.5rem;
    --hdf-component-footer-support-padding-block: 1rem;
    --hdf-component-footer-support-surface: var(--hdf-color-primary-strong);
    --hdf-component-footer-support-text: var(--hdf-color-text-inverse);
    --hdf-component-form-radius: var(--hdf-radius-md);
    --hdf-component-gap: 1rem;
    --hdf-component-header-action-compact-size: 2.75rem;
    --hdf-component-header-action-gap: 0.375rem;
    --hdf-component-header-action-group-background: var(--hdf-color-surface-subtle);
    --hdf-component-header-action-group-border: var(--hdf-color-border);
    --hdf-component-header-action-group-padding: 0.25rem;
    --hdf-component-header-action-group-padding-inline: 0.125rem;
    --hdf-component-header-action-group-radius: var(--hdf-radius-pill);
    --hdf-component-header-action-icon-rest-opacity: 0.82;
    --hdf-component-header-action-icon-size: 1.25rem;
    --hdf-component-header-action-mobile-size: 2.75rem;
    --hdf-component-header-action-padding: 0.625rem;
    --hdf-component-header-action-size: 2.75rem;
    --hdf-component-header-admin-bar-offset-desktop: 2rem;
    --hdf-component-header-admin-bar-offset-mobile: 2.875rem;
    --hdf-component-header-badge-font-size: 0.625rem;
    --hdf-component-header-badge-offset: -0.125rem;
    --hdf-component-header-badge-size: 1.125rem;
    --hdf-component-header-border: var(--hdf-color-border);
    --hdf-component-header-brand-icon-size: 2.75rem;
    --hdf-component-header-brand-name-size: 1.625rem;
    --hdf-component-header-brand-padding: 0.375rem;
    --hdf-component-header-brand-radius: var(--hdf-radius-lg);
    --hdf-component-header-compact-badge-offset: -0.25rem;
    --hdf-component-header-compact-brand-icon-size: 2rem;
    --hdf-component-header-department-panel-max-width: 32.5rem;
    --hdf-component-header-department-panel-width: 23.75rem;
    --hdf-component-header-department-trigger-min-width: 10.5rem;
    --hdf-component-header-main-grid-gap: 1.5rem;
    --hdf-component-header-main-height: 6rem;
    --hdf-component-header-main-padding-block: 0.75rem;
    --hdf-component-header-menu-gap: 2rem;
    --hdf-component-header-menu-underline-offset: 0.3em;
    --hdf-component-header-menu-underline-width: 0.125rem;
    --hdf-component-header-mobile-action-icon-size: 1.125rem;
    --hdf-component-header-mobile-brand-icon-size: 2.25rem;
    --hdf-component-header-mobile-brand-name-width: 8.5rem;
    --hdf-component-header-mobile-main-padding-block: 0.75rem;
    --hdf-component-header-nav-height: 3.75rem;
    --hdf-component-header-nav-surface: var(--hdf-color-surface-subtle);
    --hdf-component-header-offcanvas-backdrop: rgba(17, 24, 39, 0.48);
    --hdf-component-header-search-background: var(--hdf-color-surface);
    --hdf-component-header-search-border: var(--hdf-color-border);
    --hdf-component-header-search-button-background: var(--hdf-color-primary-strong);
    --hdf-component-header-search-button-foreground: var(--hdf-color-on-primary-strong);
    --hdf-component-header-search-button-width: 3.25rem;
    --hdf-component-header-search-height: 3rem;
    --hdf-component-header-search-icon-size: 1.25rem;
    --hdf-component-header-search-max-width: 42.5rem;
    --hdf-component-header-search-min-width: 20rem;
    --hdf-component-header-search-mobile-button-width: 2.875rem;
    --hdf-component-header-search-mobile-height: 2.875rem;
    --hdf-component-header-search-radius: 1.5625rem;
    --hdf-component-header-search-results-max-height: 28rem;
    --hdf-component-header-search-shadow: var(--hdf-shadow-xs);
    --hdf-component-header-shell-shadow: var(--hdf-shadow-xs);
    --hdf-component-header-submenu-min-width: 13rem;
    --hdf-component-header-surface: var(--hdf-color-surface);
    --hdf-component-header-top-height: 2.5rem;
    --hdf-component-header-top-link-height: 1.75rem;
    --hdf-component-header-top-surface: var(--hdf-color-surface-subtle);
    --hdf-component-header-utility-chevron-opacity: 0.72;
    --hdf-component-header-utility-gap: 1rem;
    --hdf-component-header-utility-icon-size: 1rem;
    --hdf-component-header-widget-max-height: 30rem;
    --hdf-component-header-widget-width: 22rem;
    --hdf-component-header-zone-min-width: 14rem;
    --hdf-component-help-text-size: 0.8125rem;
    --hdf-component-hover-lift: -0.0625rem;
    --hdf-component-label-weight: 600;
    --hdf-component-media-radius: var(--hdf-radius-md);
    --hdf-component-meta-divider: var(--hdf-color-border-subtle);
    --hdf-component-meta-gap: 0.75rem;
    --hdf-component-modal-gutter: 1rem;
    --hdf-component-modal-width-lg: 62rem;
    --hdf-component-modal-width-md: 42rem;
    --hdf-component-modal-width-sm: 30rem;
    --hdf-component-navigation-backdrop: rgba(17, 24, 39, 0.52);
    --hdf-component-navigation-dropdown-offset: 0rem;
    --hdf-component-navigation-focus-shadow: var(--hdf-shadow-focus);
    --hdf-component-navigation-focus-underline: underline;
    --hdf-component-navigation-mobile-header-height: 4rem;
    --hdf-component-navigation-mobile-item-height: 3.25rem;
    --hdf-component-navigation-mobile-panel-width: 22.5rem;
    --hdf-component-navigation-submenu-width: 15rem;
    --hdf-component-notice-style: soft;
    --hdf-component-overlay-shadow: var(--hdf-shadow-lg);
    --hdf-component-page-body-padding-block-end: 4rem;
    --hdf-component-page-body-padding-block-start: 1.25rem;
    --hdf-component-page-canvas-background: var(--hdf-color-surface-page);
    --hdf-component-page-intro-background: var(--hdf-color-surface-hero);
    --hdf-component-page-intro-border: var(--hdf-color-border-subtle);
    --hdf-component-page-intro-padding-block: 1.125rem;
    --hdf-component-pagination-radius: var(--hdf-radius-md);
    --hdf-component-panel-background: var(--hdf-color-surface-card);
    --hdf-component-panel-border: var(--hdf-color-border);
    --hdf-component-panel-padding: 1.5rem;
    --hdf-component-panel-radius: var(--hdf-radius-md);
    --hdf-component-search-empty-width: 42rem;
    --hdf-component-search-result-gap: 1rem;
    --hdf-component-secondary-background: transparent;
    --hdf-component-secondary-border: var(--hdf-color-primary-strong);
    --hdf-component-secondary-color: var(--hdf-color-primary-strong);
    --hdf-component-table-border: var(--hdf-color-border-subtle);
    --hdf-component-table-header-background: var(--hdf-color-surface-muted);
    --hdf-component-table-row-height: 3rem;
    --hdf-component-thumbnail-width: 7.375rem;
    --hdf-grid-card-min: 16rem;
    --hdf-grid-column-gap: 1.5rem;
    --hdf-grid-gutter-desktop: 2rem;
    --hdf-grid-gutter-mobile: 1rem;
    --hdf-grid-gutter-tablet: 1.5rem;
    --hdf-grid-row-gap: 1.5rem;
    --hdf-icon-lg: 1.5rem;
    --hdf-icon-md: 1.25rem;
    --hdf-icon-sm: 1rem;
    --hdf-icon-touch-target: 2.75rem;
    --hdf-layout-commerce-wide: 83.125rem;
    --hdf-layout-content: 47.5rem;
    --hdf-layout-site-max: 90rem;
    --hdf-layout-wide: 81.25rem;
    --hdf-line-divider: var(--hdf-border-width-default) solid var(--hdf-color-border);
    --hdf-line-focus: var(--hdf-border-width-strong) solid var(--hdf-color-focus);
    --hdf-line-subtle: var(--hdf-border-width-hairline) solid var(--hdf-color-surface-muted);
    --hdf-motion-duration-fast: 120ms;
    --hdf-motion-duration-normal: 200ms;
    --hdf-motion-duration-slow: 320ms;
    --hdf-motion-easing-emphasized: cubic-bezier(0.2, 0.8, 0.2, 1);
    --hdf-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
    --hdf-motion-reduced-duration: 1ms;
    --hdf-opacity-disabled: 0.56;
    --hdf-opacity-overlay: 0.72;
    --hdf-radius-lg: 0.75rem;
    --hdf-radius-md: 0.5rem;
    --hdf-radius-none: 0;
    --hdf-radius-pill: 999rem;
    --hdf-radius-round: 50%;
    --hdf-radius-sm: 0.25rem;
    --hdf-radius-xl: 1rem;
    --hdf-section-gap: 3rem;
    --hdf-shadow-focus: 0 0 0 3px rgba(36, 87, 214, 0.24);
    --hdf-shadow-lg: 0 12px 24px -4px rgba(16, 24, 40, 0.16);
    --hdf-shadow-md: 0 4px 8px -2px rgba(16, 24, 40, 0.10), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
    --hdf-shadow-none: none;
    --hdf-shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.10), 0 1px 2px rgba(16, 24, 40, 0.06);
    --hdf-shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.06);
    --hdf-spacing-0: 0;
    --hdf-spacing-1: 0.25rem;
    --hdf-spacing-10: 4rem;
    --hdf-spacing-11: 5rem;
    --hdf-spacing-12: 6rem;
    --hdf-spacing-2: 0.5rem;
    --hdf-spacing-3: 0.75rem;
    --hdf-spacing-4: 1rem;
    --hdf-spacing-5: 1.25rem;
    --hdf-spacing-6: 1.5rem;
    --hdf-spacing-7: 2rem;
    --hdf-spacing-8: 2.5rem;
    --hdf-spacing-9: 3rem;
    --hdf-type-role-badge-size: var(--hdf-typography-size-xs);
    --hdf-type-role-body-line: var(--hdf-typography-line-height-base);
    --hdf-type-role-body-size: var(--hdf-typography-size-md);
    --hdf-type-role-button-weight: var(--hdf-typography-weight-semibold);
    --hdf-type-role-label-weight: var(--hdf-typography-weight-medium);
    --hdf-type-role-small-size: var(--hdf-typography-size-sm);
    --hdf-typography-family-heading: var(--hdf-typography-family-sans);
    --hdf-typography-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --hdf-typography-family-sans: InterVariable, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --hdf-typography-letter-spacing-normal: 0;
    --hdf-typography-letter-spacing-tight: -0.02em;
    --hdf-typography-letter-spacing-wide: 0.04em;
    --hdf-typography-line-height-base: 1.6;
    --hdf-typography-line-height-relaxed: 1.75;
    --hdf-typography-line-height-tight: 1.2;
    --hdf-typography-size-2xl: 1.5rem;
    --hdf-typography-size-3xl: 1.875rem;
    --hdf-typography-size-4xl: 2.25rem;
    --hdf-typography-size-lg: 1.125rem;
    --hdf-typography-size-md: 1rem;
    --hdf-typography-size-sm: 0.875rem;
    --hdf-typography-size-xl: 1.25rem;
    --hdf-typography-size-xs: 0.75rem;
    --hdf-typography-weight-bold: 700;
    --hdf-typography-weight-heading: 700;
    --hdf-typography-weight-medium: 500;
    --hdf-typography-weight-regular: 400;
    --hdf-typography-weight-semibold: 600;
    --hdf-z-index-base: 0;
    --hdf-z-index-dropdown: 100;
    --hdf-z-index-modal: 900;
    --hdf-z-index-overlay: 800;
    --hdf-z-index-sticky: 200;
    --hdf-z-index-toast: 1000;
}