/**
 * File: assets/css/foundation/tokens.css
 * Purpose: Generated Engine CSS custom properties from config/dna/design-tokens.json.
 * Scope: Generated semantic tokens only; do not edit manually.
 * Related PHP: config/generated/tokens.php, src/DesignSystem/TokenRegistry.php
 * Related CSS: assets/css/admin/*.css
 * Related JS: None
 * Package: HyperDAF Engine
 */

:root {
  --hdf-engine-admin-card-gap: 1rem;
  --hdf-engine-admin-control-height: 2.5rem;
  --hdf-engine-admin-page-max: 76rem;
  --hdf-engine-badge-font-size: var(--hdf-type-role-badge-size, 0.75rem);
  --hdf-engine-badge-font-weight: var(--hdf-component-label-weight, 600);
  --hdf-engine-badge-height: var(--hdf-component-badge-height, 1.5rem);
  --hdf-engine-badge-padding-x: var(--hdf-component-badge-padding-x, 0.5rem);
  --hdf-engine-badge-radius: var(--hdf-component-badge-radius, 999rem);
  --hdf-engine-border-width-default: var(--hdf-border-width-default, 0.0625rem);
  --hdf-engine-border-width-strong: var(--hdf-border-width-strong, 0.125rem);
  --hdf-engine-breakpoint-2xl: var(--hdf-breakpoint-2xl, 90rem);
  --hdf-engine-breakpoint-lg: var(--hdf-breakpoint-lg, 64rem);
  --hdf-engine-breakpoint-md: var(--hdf-breakpoint-md, 48rem);
  --hdf-engine-breakpoint-sm: var(--hdf-breakpoint-sm, 30rem);
  --hdf-engine-breakpoint-xl: var(--hdf-breakpoint-xl, 80rem);
  --hdf-engine-button-danger-bg: var(--hdf-engine-color-danger);
  --hdf-engine-button-gap: var(--hdf-component-button-icon-gap, 0.5rem);
  --hdf-engine-button-height-lg: var(--hdf-component-button-height-lg, 3rem);
  --hdf-engine-button-height-md: var(--hdf-component-button-height-md, 2.75rem);
  --hdf-engine-button-height-sm: var(--hdf-component-button-height-sm, 2.25rem);
  --hdf-engine-button-primary-bg: var(--hdf-component-button-primary-background, var(--hdf-engine-color-primary-strong));
  --hdf-engine-button-primary-fg: var(--hdf-component-button-primary-foreground, var(--hdf-engine-color-on-primary-strong));
  --hdf-engine-button-primary-hover: var(--hdf-component-button-primary-hover, var(--hdf-engine-color-primary-hover));
  --hdf-engine-button-radius: var(--hdf-component-button-radius, 0.5rem);
  --hdf-engine-button-secondary-bg: var(--hdf-component-button-secondary-background, var(--hdf-engine-color-surface));
  --hdf-engine-button-secondary-fg: var(--hdf-component-button-secondary-foreground, var(--hdf-engine-color-text));
  --hdf-engine-card-border: var(--hdf-border-width-default, 0.0625rem) solid var(--hdf-component-card-border, var(--hdf-color-border, #D0D5DD));
  --hdf-engine-card-padding: var(--hdf-component-card-padding, 1.5rem);
  --hdf-engine-card-radius: var(--hdf-component-card-radius, 0.75rem);
  --hdf-engine-color-admin-border: #C3C4C7;
  --hdf-engine-color-admin-border-subtle: #DCDCDE;
  --hdf-engine-color-admin-canvas: #F0F0F1;
  --hdf-engine-color-admin-panel: #FFFFFF;
  --hdf-engine-color-admin-panel-subtle: #F6F7F7;
  --hdf-engine-color-admin-text: #1D2327;
  --hdf-engine-color-admin-text-muted: #646970;
  --hdf-engine-color-admin-text-secondary: #50575E;
  --hdf-engine-color-border: var(--hdf-color-border, #D0D5DD);
  --hdf-engine-color-border-strong: var(--hdf-color-border-strong, #98A2B3);
  --hdf-engine-color-border-subtle: var(--hdf-color-border-subtle, #E4E7EC);
  --hdf-engine-color-canvas: var(--hdf-component-page-canvas-background, var(--hdf-color-surface-page, var(--hdf-color-canvas, #F7F8FA)));
  --hdf-engine-color-danger: var(--hdf-color-danger, #B42318);
  --hdf-engine-color-danger-soft: var(--hdf-color-danger-soft, #FEF3F2);
  --hdf-engine-color-danger-text: var(--hdf-color-danger-text, #991B1B);
  --hdf-engine-color-focus: var(--hdf-color-focus, #2457D6);
  --hdf-engine-color-info: var(--hdf-color-info, #175CD3);
  --hdf-engine-color-info-soft: var(--hdf-color-info-soft, #EEF4FF);
  --hdf-engine-color-info-text: var(--hdf-color-info-text, var(--hdf-color-info, #1677A8));
  --hdf-engine-color-link: var(--hdf-color-link, #4F7A20);
  --hdf-engine-color-link-hover: var(--hdf-color-link-hover, #466D1C);
  --hdf-engine-color-on-primary: var(--hdf-color-on-primary, #111827);
  --hdf-engine-color-on-primary-strong: var(--hdf-color-on-primary-strong, #FFFFFF);
  --hdf-engine-color-primary: var(--hdf-color-primary, #79B530);
  --hdf-engine-color-primary-hover: var(--hdf-color-primary-hover, #466D1C);
  --hdf-engine-color-primary-strong: var(--hdf-color-primary-strong, #4F7A20);
  --hdf-engine-color-rating: var(--hdf-color-rating, #F5A623);
  --hdf-engine-color-seo-excellent: #067647;
  --hdf-engine-color-seo-good: #79B530;
  --hdf-engine-color-seo-needs-work: #B77900;
  --hdf-engine-color-seo-poor: #D92D20;
  --hdf-engine-color-success: var(--hdf-color-success, #067647);
  --hdf-engine-color-success-soft: var(--hdf-color-success-soft, #ECFDF3);
  --hdf-engine-color-success-text: var(--hdf-color-success-text, #166534);
  --hdf-engine-color-surface: var(--hdf-color-surface, #FFFFFF);
  --hdf-engine-color-surface-hover: var(--hdf-color-surface-hover, #FAFBFC);
  --hdf-engine-color-surface-muted: var(--hdf-color-surface-muted, #F2F4F7);
  --hdf-engine-color-surface-raised: var(--hdf-color-surface-card, var(--hdf-color-surface-raised, #FFFFFF));
  --hdf-engine-color-surface-selected: var(--hdf-color-surface-selected, #EFF7E7);
  --hdf-engine-color-surface-subtle: var(--hdf-color-surface-subtle, #F8FAFC);
  --hdf-engine-color-text: var(--hdf-color-text-primary, #111827);
  --hdf-engine-color-text-disabled: var(--hdf-color-text-disabled, #98A2B3);
  --hdf-engine-color-text-inverse: var(--hdf-color-text-inverse, #FFFFFF);
  --hdf-engine-color-text-muted: var(--hdf-color-text-muted, #667085);
  --hdf-engine-color-text-secondary: var(--hdf-color-text-secondary, #344054);
  --hdf-engine-color-text-strong: var(--hdf-color-text-strong, #101828);
  --hdf-engine-color-text-tertiary: var(--hdf-color-text-tertiary, #475467);
  --hdf-engine-color-warning: var(--hdf-color-warning, #B54708);
  --hdf-engine-color-warning-soft: var(--hdf-color-warning-soft, #FFFAEB);
  --hdf-engine-color-warning-text: var(--hdf-color-warning-text, #805B00);
  --hdf-engine-color-wp-action: #2271B1;
  --hdf-engine-control-height-lg: var(--hdf-component-button-height-lg, 3rem);
  --hdf-engine-control-height-md: var(--hdf-component-control-height, 2.75rem);
  --hdf-engine-control-height-sm: var(--hdf-component-button-height-sm, 2.25rem);
  --hdf-engine-control-padding-x: var(--hdf-component-button-padding-x, 1rem);
  --hdf-engine-control-radius: var(--hdf-component-form-radius, 0.5rem);
  --hdf-engine-font-family: var(--hdf-typography-family-sans, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --hdf-engine-font-family-heading: var(--hdf-typography-family-heading, var(--hdf-typography-family-sans, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));
  --hdf-engine-font-family-mono: var(--hdf-typography-family-mono, "SFMono-Regular", Consolas, "Liberation Mono", monospace);
  --hdf-engine-font-size-2xl: var(--hdf-typography-size-2xl, 1.5rem);
  --hdf-engine-font-size-3xl: var(--hdf-typography-size-3xl, 1.875rem);
  --hdf-engine-font-size-4xl: var(--hdf-typography-size-4xl, 2.25rem);
  --hdf-engine-font-size-lg: var(--hdf-typography-size-lg, 1.125rem);
  --hdf-engine-font-size-md: var(--hdf-typography-size-md, 1rem);
  --hdf-engine-font-size-sm: var(--hdf-typography-size-sm, 0.875rem);
  --hdf-engine-font-size-xl: var(--hdf-typography-size-xl, 1.25rem);
  --hdf-engine-font-size-xs: var(--hdf-typography-size-xs, 0.75rem);
  --hdf-engine-font-weight-bold: var(--hdf-typography-weight-bold, 700);
  --hdf-engine-font-weight-extrabold: var(--hdf-typography-weight-bold, 700);
  --hdf-engine-font-weight-medium: var(--hdf-typography-weight-medium, 500);
  --hdf-engine-font-weight-regular: var(--hdf-typography-weight-regular, 400);
  --hdf-engine-font-weight-semibold: var(--hdf-typography-weight-semibold, 600);
  --hdf-engine-layout-admin-page: 76rem;
  --hdf-engine-layout-card-min: var(--hdf-grid-card-min, 16rem);
  --hdf-engine-layout-column-gap: var(--hdf-grid-column-gap, 1.5rem);
  --hdf-engine-layout-commerce-wide: var(--hdf-layout-commerce-wide, 83.125rem);
  --hdf-engine-layout-content: var(--hdf-layout-content, 47.5rem);
  --hdf-engine-layout-gutter-desktop: var(--hdf-grid-gutter-desktop, 2rem);
  --hdf-engine-layout-gutter-mobile: var(--hdf-grid-gutter-mobile, 1rem);
  --hdf-engine-layout-gutter-tablet: var(--hdf-grid-gutter-tablet, 1.5rem);
  --hdf-engine-layout-reading: var(--hdf-layout-content, 42rem);
  --hdf-engine-layout-row-gap: var(--hdf-grid-row-gap, 1.5rem);
  --hdf-engine-layout-site-max: var(--hdf-layout-site-max, 90rem);
  --hdf-engine-layout-wide: var(--hdf-layout-wide, 81.25rem);
  --hdf-engine-letter-spacing-tight: var(--hdf-typography-letter-spacing-tight, -0.02em);
  --hdf-engine-letter-spacing-wide: var(--hdf-typography-letter-spacing-wide, 0.04em);
  --hdf-engine-line-height-base: var(--hdf-typography-line-height-base, 1.6);
  --hdf-engine-line-height-relaxed: var(--hdf-typography-line-height-relaxed, 1.75);
  --hdf-engine-line-height-snug: var(--hdf-typography-line-height-base, 1.6);
  --hdf-engine-line-height-tight: var(--hdf-typography-line-height-tight, 1.2);
  --hdf-engine-modal-gutter: 1rem;
  --hdf-engine-modal-width-lg: 62rem;
  --hdf-engine-modal-width-md: 42rem;
  --hdf-engine-modal-width-sm: 30rem;
  --hdf-engine-motion-easing: var(--hdf-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));
  --hdf-engine-motion-fast: var(--hdf-motion-duration-fast, var(--hdf-motion-duration-fast, 120ms));
  --hdf-engine-motion-normal: var(--hdf-motion-duration-normal, 180ms);
  --hdf-engine-motion-slow: var(--hdf-motion-duration-slow, 240ms);
  --hdf-engine-overlay-opacity: 0.72;
  --hdf-engine-panel-padding: var(--hdf-component-panel-padding, 1.5rem);
  --hdf-engine-radius-lg: var(--hdf-radius-lg, var(--hdf-radius-lg, 0.75rem));
  --hdf-engine-radius-md: var(--hdf-radius-md, var(--hdf-radius-md, 0.5rem));
  --hdf-engine-radius-none: var(--hdf-radius-none, 0);
  --hdf-engine-radius-pill: var(--hdf-radius-pill, 999rem);
  --hdf-engine-radius-round: var(--hdf-radius-round, 50%);
  --hdf-engine-radius-sm: var(--hdf-radius-sm, var(--hdf-radius-sm, 0.25rem));
  --hdf-engine-radius-xl: var(--hdf-radius-xl, 1rem);
  --hdf-engine-shadow-focus: var(--hdf-shadow-focus, 0 0 0 3px rgba(36, 87, 214, 0.22));
  --hdf-engine-shadow-lg: var(--hdf-shadow-lg, 0 12px 24px -4px rgba(16, 24, 40, 0.16));
  --hdf-engine-shadow-md: var(--hdf-shadow-md, var(--hdf-shadow-md, 0 4px 8px -2px rgba(16, 24, 40, 0.10)));
  --hdf-engine-shadow-sm: var(--hdf-shadow-sm, var(--hdf-shadow-sm, 0 1px 3px rgba(16, 24, 40, 0.10)));
  --hdf-engine-shadow-xs: var(--hdf-shadow-xs, 0 1px 2px rgba(16, 24, 40, 0.06));
  --hdf-engine-single-product-action-size: var(--hdf-component-action-rail-size, 2.75rem);
  --hdf-engine-single-product-body-padding-bottom: var(--hdf-component-page-body-padding-block-end, 4rem);
  --hdf-engine-single-product-body-padding-top: var(--hdf-component-page-body-padding-block-start, 1.25rem);
  --hdf-engine-single-product-border: var(--hdf-component-panel-border, var(--hdf-color-border, #D0D5DD));
  --hdf-engine-single-product-border-soft: var(--hdf-component-table-border, var(--hdf-color-border-subtle, #E4E7EC));
  --hdf-engine-single-product-canvas: var(--hdf-component-page-canvas-background, var(--hdf-color-surface-page, #F7F8FA));
  --hdf-engine-single-product-card: var(--hdf-component-panel-background, var(--hdf-color-surface-card, #FFFFFF));
  --hdf-engine-single-product-card-soft: var(--hdf-component-table-header-background, var(--hdf-color-surface-muted, #F2F4F7));
  --hdf-engine-single-product-changelog-label-width: 5.375rem;
  --hdf-engine-single-product-column-gap: var(--hdf-grid-column-gap, 1.5rem);
  --hdf-engine-single-product-current-price: var(--hdf-color-price-current, #20242A);
  --hdf-engine-single-product-danger: var(--hdf-color-danger, #B42318);
  --hdf-engine-single-product-detail-label-min: 6.25rem;
  --hdf-engine-single-product-docs-soft: var(--hdf-color-surface-card, #FFFFFF);
  --hdf-engine-single-product-document-padding: var(--hdf-component-document-padding, 1.5rem);
  --hdf-engine-single-product-gutter-desktop: var(--hdf-grid-gutter-desktop, 2rem);
  --hdf-engine-single-product-gutter-mobile: var(--hdf-grid-gutter-mobile, 1rem);
  --hdf-engine-single-product-gutter-tablet: var(--hdf-grid-gutter-tablet, 1.5rem);
  --hdf-engine-single-product-info: var(--hdf-color-info-text, #1677A8);
  --hdf-engine-single-product-intro: var(--hdf-component-page-intro-background, var(--hdf-color-surface-hero, #EFF0F2));
  --hdf-engine-single-product-intro-border: var(--hdf-component-page-intro-border, var(--hdf-color-border-subtle, #E4E7EC));
  --hdf-engine-single-product-intro-padding: var(--hdf-component-page-intro-padding-block, 1.125rem);
  --hdf-engine-single-product-link-hover: var(--hdf-color-info-text-hover, #0F5F88);
  --hdf-engine-single-product-meta-item-min: 7.625rem;
  --hdf-engine-single-product-old-price: var(--hdf-color-price-old, #8A9099);
  --hdf-engine-single-product-presale-soft: var(--hdf-color-surface-card, #FFFFFF);
  --hdf-engine-single-product-primary: var(--hdf-color-primary-strong, #4F7A20);
  --hdf-engine-single-product-primary-hover: var(--hdf-color-primary-hover, #466D1C);
  --hdf-engine-single-product-primary-soft: var(--hdf-color-surface-selected, #EFF7E7);
  --hdf-engine-single-product-radius-md: var(--hdf-component-panel-radius, var(--hdf-radius-md, 0.5rem));
  --hdf-engine-single-product-radius-sm: var(--hdf-component-card-radius, var(--hdf-radius-sm, 0.25rem));
  --hdf-engine-single-product-rating: var(--hdf-color-rating, #F5A623);
  --hdf-engine-single-product-row-gap: var(--hdf-grid-row-gap, 1.5rem);
  --hdf-engine-single-product-secondary-border: var(--hdf-color-border-strong, #98A2B3);
  --hdf-engine-single-product-secondary-hover: var(--hdf-color-surface-hover, #FAFBFC);
  --hdf-engine-single-product-sidebar-max: 23.75rem;
  --hdf-engine-single-product-sidebar-min: 21.25rem;
  --hdf-engine-single-product-spec-label-min: 6.875rem;
  --hdf-engine-single-product-sticky-offset: var(--hdf-spacing-5, 1.25rem);
  --hdf-engine-single-product-success: var(--hdf-color-success, #067647);
  --hdf-engine-single-product-support-soft: var(--hdf-color-surface-card, #FFFFFF);
  --hdf-engine-single-product-term-label-width: 8.125rem;
  --hdf-engine-single-product-text: var(--hdf-color-text-primary, #111827);
  --hdf-engine-single-product-text-muted: var(--hdf-color-text-muted, #667085);
  --hdf-engine-single-product-text-secondary: var(--hdf-color-text-tertiary, #475467);
  --hdf-engine-single-product-thumbnail-width: var(--hdf-component-thumbnail-width, 7.375rem);
  --hdf-engine-single-product-width: var(--hdf-layout-commerce-wide, 83.125rem);
  --hdf-engine-space-0: var(--hdf-spacing-0, 0);
  --hdf-engine-space-1: var(--hdf-spacing-1, 0.25rem);
  --hdf-engine-space-10: var(--hdf-spacing-10, 4rem);
  --hdf-engine-space-11: var(--hdf-spacing-11, 5rem);
  --hdf-engine-space-12: var(--hdf-spacing-12, 6rem);
  --hdf-engine-space-2: var(--hdf-spacing-2, 0.5rem);
  --hdf-engine-space-3: var(--hdf-spacing-3, 0.75rem);
  --hdf-engine-space-4: var(--hdf-spacing-4, 1rem);
  --hdf-engine-space-5: var(--hdf-spacing-5, 1.25rem);
  --hdf-engine-space-6: var(--hdf-spacing-6, 1.5rem);
  --hdf-engine-space-7: var(--hdf-spacing-7, 2rem);
  --hdf-engine-space-8: var(--hdf-spacing-8, 2.5rem);
  --hdf-engine-space-9: var(--hdf-spacing-9, 3rem);
  --hdf-engine-table-row-height: var(--hdf-component-table-row-height, 3rem);
  --hdf-engine-z-dropdown: 500;
  --hdf-engine-z-modal: 900;
  --hdf-engine-z-overlay: 800;
  --hdf-engine-z-sticky: 600;
  --hdf-engine-z-toast: 1000;
}