/* Deution 0.170.2 — generated from design-tokens.json (16deb24b1867). Do not edit manually. */
@layer deution.tokens {
:root {
  /* Primitive tokens */
  --deution-primitive-color-white: #ffffff;
  --deution-primitive-color-black: #0b0f19;
  --deution-primitive-color-slate-50: #f8fafc;
  --deution-primitive-color-slate-100: #f1f5f9;
  --deution-primitive-color-slate-200: #e2e8f0;
  --deution-primitive-color-slate-300: #cbd5e1;
  --deution-primitive-color-slate-500: #64748b;
  --deution-primitive-color-slate-600: #475569;
  --deution-primitive-color-slate-800: #1e293b;
  --deution-primitive-color-slate-900: #0f172a;
  --deution-primitive-color-blue-600: #2563eb;
  --deution-primitive-color-cyan-500: #06b6d4;
  --deution-primitive-color-green-600: #16a34a;
  --deution-primitive-color-amber-500: #f59e0b;
  --deution-primitive-color-red-600: #dc2626;
  --deution-primitive-color-purple-600: #7c3aed;
  --deution-primitive-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Noto Sans Arabic", "Noto Sans", sans-serif;
  --deution-primitive-font-serif: Georgia, Cambria, "Times New Roman", "Noto Naskh Arabic", serif;
  --deution-primitive-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --deution-primitive-font-size-100: 0.75rem;
  --deution-primitive-font-size-200: 0.8125rem;
  --deution-primitive-font-size-300: 0.875rem;
  --deution-primitive-font-size-400: 1rem;
  --deution-primitive-font-size-500: 1.125rem;
  --deution-primitive-font-size-600: 1.25rem;
  --deution-primitive-font-size-700: 1.5rem;
  --deution-primitive-font-size-800: 1.875rem;
  --deution-primitive-font-size-900: 2.25rem;
  --deution-primitive-font-size-1000: 3rem;
  --deution-primitive-line-height-tight: 1.15;
  --deution-primitive-line-height-heading: 1.25;
  --deution-primitive-line-height-body: 1.6;
  --deution-primitive-line-height-relaxed: 1.75;
  --deution-primitive-font-weight-regular: 400;
  --deution-primitive-font-weight-medium: 500;
  --deution-primitive-font-weight-semibold: 600;
  --deution-primitive-font-weight-bold: 700;
  --deution-primitive-space-0: 0px;
  --deution-primitive-space-1: 0.25rem;
  --deution-primitive-space-2: 0.5rem;
  --deution-primitive-space-3: 0.75rem;
  --deution-primitive-space-4: 1rem;
  --deution-primitive-space-5: 1.5rem;
  --deution-primitive-space-6: 2rem;
  --deution-primitive-space-7: 3rem;
  --deution-primitive-space-8: 4rem;
  --deution-primitive-space-9: 6rem;
  --deution-primitive-radius-none: 0px;
  --deution-primitive-radius-sm: 0.375rem;
  --deution-primitive-radius-md: 0.625rem;
  --deution-primitive-radius-lg: 1rem;
  --deution-primitive-radius-xl: 1.5rem;
  --deution-primitive-radius-pill: 999px;
  --deution-primitive-border-0: 0px;
  --deution-primitive-border-1: 1px;
  --deution-primitive-border-2: 2px;
  --deution-primitive-shadow-none: none;
  --deution-primitive-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.08);
  --deution-primitive-shadow-md: 0 12px 32px rgb(15 23 42 / 0.12);
  --deution-primitive-shadow-lg: 0 24px 64px rgb(15 23 42 / 0.16);
  --deution-primitive-duration-fast: 120ms;
  --deution-primitive-duration-normal: 200ms;
  --deution-primitive-duration-slow: 320ms;
  --deution-primitive-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --deution-primitive-ease-emphasized: cubic-bezier(0.2, 0, 0, 1.2);
  --deution-primitive-z-base: 0;
  --deution-primitive-z-dropdown: 100;
  --deution-primitive-z-sticky: 200;
  --deution-primitive-z-overlay: 900;
  --deution-primitive-z-modal: 1000;
  --deution-primitive-width-narrow: 760px;
  --deution-primitive-width-content: 1100px;
  --deution-primitive-width-wide: 1320px;
  --deution-primitive-color-green-700: #15803d;
  --deution-primitive-color-legacy-border: #d0d7de;
  --deution-primitive-color-legacy-text: #1d2327;
  --deution-primitive-color-gray-900: #111827;
  --deution-primitive-color-gray-600: #4b5563;
  --deution-primitive-color-bluegray-200: #dbe4f0;
  /* Semantic tokens */
  --deution-color-surface: var(--deution-primitive-color-slate-50);
  --deution-color-surface-subtle: var(--deution-primitive-color-slate-50);
  --deution-color-surface-muted: var(--deution-primitive-color-slate-100);
  --deution-color-surface-inverse: var(--deution-primitive-color-slate-900);
  --deution-color-background: var(--deution-primitive-color-white);
  --deution-color-text: var(--deution-primitive-color-gray-900);
  --deution-color-text-muted: var(--deution-primitive-color-gray-600);
  --deution-color-text-inverse: var(--deution-primitive-color-white);
  --deution-color-primary: var(--deution-primitive-color-blue-600);
  --deution-color-primary-contrast: var(--deution-primitive-color-white);
  --deution-color-secondary: var(--deution-primitive-color-slate-900);
  --deution-color-secondary-contrast: var(--deution-primitive-color-white);
  --deution-color-accent: var(--deution-primitive-color-cyan-500);
  --deution-color-success: var(--deution-primitive-color-green-700);
  --deution-color-warning: var(--deution-primitive-color-amber-500);
  --deution-color-error: var(--deution-primitive-color-red-600);
  --deution-color-border: var(--deution-primitive-color-bluegray-200);
  --deution-color-border-strong: var(--deution-primitive-color-slate-300);
  --deution-color-focus: var(--deution-color-primary);
  --deution-color-overlay: rgb(15 23 42 / 0.58);
  --deution-color-ecommerce-price: var(--deution-color-text);
  --deution-color-ecommerce-sale: var(--deution-color-error);
  --deution-color-ecommerce-in-stock: var(--deution-color-success);
  --deution-color-ecommerce-out-of-stock: var(--deution-color-error);
  --deution-color-ecommerce-cart: var(--deution-color-primary);
  --deution-color-ecommerce-notice: var(--deution-color-accent);
  --deution-space-xs: var(--deution-primitive-space-2);
  --deution-space-sm: var(--deution-primitive-space-3);
  --deution-space-md: var(--deution-primitive-space-4);
  --deution-space-lg: var(--deution-primitive-space-5);
  --deution-space-xl: var(--deution-primitive-space-6);
  --deution-space-2xl: var(--deution-primitive-space-7);
  --deution-space-3xl: var(--deution-primitive-space-8);
  --deution-radius-sm: var(--deution-primitive-radius-sm);
  --deution-radius-md: var(--deution-primitive-radius-md);
  --deution-radius-lg: var(--deution-primitive-radius-lg);
  --deution-radius-xl: var(--deution-primitive-radius-xl);
  --deution-radius-pill: var(--deution-primitive-radius-pill);
  --deution-shadow-sm: var(--deution-primitive-shadow-sm);
  --deution-shadow-md: var(--deution-primitive-shadow-md);
  --deution-shadow-lg: var(--deution-primitive-shadow-lg);
  --deution-border-width: var(--deution-primitive-border-1);
  --deution-border-style: solid;
  --deution-focus-ring-width: 3px;
  --deution-focus-ring-offset: 2px;
  --deution-focus-ring: 0 0 0 var(--deution-focus-ring-width) color-mix(in srgb, var(--deution-color-focus) 24%, transparent);
  --deution-transition-fast: var(--deution-primitive-duration-fast) var(--deution-primitive-ease-standard);
  --deution-transition-normal: var(--deution-primitive-duration-normal) var(--deution-primitive-ease-standard);
  --deution-transition-slow: var(--deution-primitive-duration-slow) var(--deution-primitive-ease-standard);
  --deution-container-narrow: var(--deution-primitive-width-narrow);
  --deution-container-content: var(--deution-primitive-width-content);
  --deution-container-wide: var(--deution-primitive-width-wide);
  --deution-z-dropdown: var(--deution-primitive-z-dropdown);
  --deution-z-sticky: var(--deution-primitive-z-sticky);
  --deution-z-overlay: var(--deution-primitive-z-overlay);
  --deution-z-modal: var(--deution-primitive-z-modal);
  --deution-color-accent-contrast: var(--deution-color-text);
  --deution-color-success-contrast: var(--deution-primitive-color-white);
  --deution-color-warning-contrast: var(--deution-color-text);
  --deution-color-error-contrast: var(--deution-primitive-color-white);
  /* Typography tokens */
  --deution-font-body: var(--deution-primitive-font-sans);
  --deution-font-heading: inherit;
  --deution-type-display-size: clamp(2.5rem, 1.75rem + 3vw, 4.75rem);
  --deution-type-display-line-height: var(--deution-primitive-line-height-tight);
  --deution-type-display-weight: var(--deution-primitive-font-weight-bold);
  --deution-type-h1-size: clamp(2rem, 1.55rem + 2.1vw, 3.5rem);
  --deution-type-h2-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.75rem);
  --deution-type-h3-size: clamp(1.5rem, 1.25rem + 0.9vw, 2.125rem);
  --deution-type-h4-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.625rem);
  --deution-type-h5-size: var(--deution-primitive-font-size-600);
  --deution-type-h6-size: var(--deution-primitive-font-size-500);
  --deution-type-heading-line-height: var(--deution-primitive-line-height-heading);
  --deution-type-heading-weight: var(--deution-primitive-font-weight-bold);
  --deution-type-body-lg-size: var(--deution-primitive-font-size-500);
  --deution-type-body-size: var(--deution-primitive-font-size-400);
  --deution-type-body-sm-size: var(--deution-primitive-font-size-300);
  --deution-type-body-line-height: var(--deution-primitive-line-height-body);
  --deution-type-body-weight: var(--deution-primitive-font-weight-regular);
  --deution-type-label-size: var(--deution-primitive-font-size-300);
  --deution-type-label-line-height: 1.35;
  --deution-type-label-weight: var(--deution-primitive-font-weight-semibold);
  --deution-type-caption-size: var(--deution-primitive-font-size-200);
  --deution-type-caption-line-height: 1.4;
  --deution-type-caption-weight: var(--deution-primitive-font-weight-regular);
  --deution-type-button-size: var(--deution-primitive-font-size-300);
  --deution-type-button-line-height: 1.2;
  --deution-type-button-weight: var(--deution-primitive-font-weight-semibold);
  /* Component tokens */
  --deution-component-button-radius: var(--deution-radius-md);
  --deution-component-button-padding-block: var(--deution-space-sm);
  --deution-component-button-padding-inline: var(--deution-space-lg);
  --deution-component-button-border-width: var(--deution-border-width);
  --deution-component-input-radius: var(--deution-radius-md);
  --deution-component-input-height: 46px;
  --deution-component-input-border-width: var(--deution-border-width);
  --deution-component-card-radius: var(--deution-radius-lg);
  --deution-component-card-shadow: var(--deution-shadow-sm);
  --deution-component-panel-radius: var(--deution-radius-lg);
  --deution-component-product-card-radius: var(--deution-radius-lg);
  --deution-component-product-card-shadow: var(--deution-shadow-sm);
  --deution-component-badge-radius: var(--deution-radius-pill);
  --deution-component-editor-canvas-background: linear-gradient(180deg, #f3f6fa 0%, #e8eef5 100%);
  --deution-component-editor-panel-border: rgb(214 221 228 / 0.95);
  --deution-component-editor-glass-surface: rgb(255 255 255 / 0.9);
  --deution-component-editor-muted-background: #f0f0f1;
  --deution-component-editor-focus-shadow: 0 0 0 2px rgb(34 113 177 / 0.22), 0 0 0 4px rgb(34 113 177 / 0.12);
  --deution-component-status-info-background: #f0f6fc;
  --deution-component-status-info-border: #d0e2ff;
  --deution-component-status-success-background: #ecf7ed;
  --deution-component-status-success-border: #b7e0b9;
  --deution-component-status-warning-background: #fff7e6;
  --deution-component-status-warning-border: #f0c36d;
  --deution-component-status-warning-text: #6a3d00;
  --deution-component-status-error-background: #fff2f2;
  --deution-component-status-error-border: #f3b2b2;
  /* Responsive tokens */
  --deution-breakpoint-mobile: 640px;
  --deution-breakpoint-tablet: 768px;
  --deution-breakpoint-desktop: 1024px;
  --deution-responsive-gutter: clamp(1rem, 3vw, 2rem);
  --deution-responsive-section-space: clamp(2.5rem, 6vw, 6rem);
  /* Legacy compatibility aliases */
  --deution-accent: var(--deution-color-primary);
  --deution-border: var(--deution-primitive-color-legacy-border);
  --deution-text: var(--deution-primitive-color-legacy-text);
  --deution-color-muted: var(--deution-color-text-muted);
  --deution-surface: var(--deution-color-surface);
  --deution-surface-soft: var(--deution-color-surface-subtle);
  --deution-surface-muted: var(--deution-color-surface-muted);
  --deution-border-strong: var(--deution-color-border-strong);
  --deution-text-soft: var(--deution-color-text-muted);
  --deution-font-size-base: var(--deution-type-body-size);
  --deution-line-height-body: var(--deution-type-body-line-height);
  --deution-heading-weight: var(--deution-type-heading-weight);
  --deution-body-weight: var(--deution-type-body-weight);
  --deution-button-radius: var(--deution-component-button-radius);
  --deution-button-py: var(--deution-component-button-padding-block);
  --deution-button-px: var(--deution-component-button-padding-inline);
  --deution-button-weight: var(--deution-type-button-weight);
  --deution-button-border: var(--deution-component-button-border-width);
  --deution-form-radius: var(--deution-component-input-radius);
  --deution-form-height: var(--deution-component-input-height);
  --deution-form-border: var(--deution-component-input-border-width);
  --deution-form-focus-ring: var(--deution-focus-ring-width);
  --deution-space-1: var(--deution-primitive-space-1);
  --deution-space-2: var(--deution-primitive-space-2);
  --deution-space-3: var(--deution-primitive-space-3);
  --deution-space-4: var(--deution-primitive-space-4);
  --deution-space-5: var(--deution-primitive-space-5);
  --deution-space-6: var(--deution-primitive-space-6);
}
}