/*
 * Generated from packages/ebuy-design-system/manifests/foundations.tokens.json.
 * Do not edit this file directly. Update the package manifest and rerun `php artisan design-system:sync-foundation-tokens`.
 */

:root {
  /* ==========================================================================
     LAYER 1 - PRIMITIVES
     ========================================================================== */

  /* Primary (Blue — Tailwind blue scale) */
  --eb-primary-900: rgb(30 64 175);
  --eb-primary-800: rgb(29 78 216);
  --eb-primary-700: rgb(37 99 235);
  --eb-primary-600: rgb(37 99 235);
  --eb-primary-500: rgb(59 130 246);
  --eb-primary-400: rgb(96 165 250);
  --eb-primary-300: rgb(147 197 253);
  --eb-primary-200: rgb(191 219 254);
  --eb-primary-100: rgb(219 234 254);
  --eb-primary-50: rgb(239 246 255);
  /* Neutrals (Tailwind slate scale) */
  --eb-gray-900: rgb(15 23 42);
  --eb-gray-800: rgb(30 41 59);
  --eb-gray-700: rgb(51 65 85);
  --eb-gray-600: rgb(71 85 105);
  --eb-gray-500: rgb(100 116 139);
  --eb-gray-400: rgb(148 163 184);
  --eb-gray-300: rgb(203 213 225);
  --eb-gray-200: rgb(229 231 235);
  --eb-gray-100: rgb(241 245 249);
  --eb-gray-50: rgb(248 250 252);
  --eb-white: rgb(255 255 255);
  --eb-black: rgb(0 0 0);
  --eb-transparent: transparent;
  /* Success (Tailwind green scale) */
  --eb-success-900: rgb(20 83 45);
  --eb-success-700: rgb(21 128 61);
  --eb-success-600: rgb(22 163 74);
  --eb-success-500: rgb(22 163 74);
  --eb-success-400: rgb(74 222 128);
  --eb-success-200: rgb(187 247 208);
  --eb-success-100: rgb(220 252 231);
  --eb-success-50: rgb(240 253 244);
  /* Warning (Tailwind amber scale) */
  --eb-warning-900: rgb(120 53 15);
  --eb-warning-700: rgb(161 98 7);
  --eb-warning-500: rgb(245 158 11);
  --eb-warning-400: rgb(251 191 36);
  --eb-warning-200: rgb(253 230 138);
  --eb-warning-100: rgb(254 243 199);
  --eb-warning-50: rgb(255 251 235);
  /* Danger (Tailwind red scale) */
  --eb-danger-900: rgb(127 29 29);
  --eb-danger-800: rgb(153 27 27);
  --eb-danger-700: rgb(185 28 28);
  --eb-danger-600: rgb(220 38 38);
  --eb-danger-500: rgb(239 68 68);
  --eb-danger-400: rgb(248 113 113);
  --eb-danger-300: rgb(252 165 165);
  --eb-danger-200: rgb(254 202 202);
  --eb-danger-100: rgb(254 226 226);
  --eb-danger-50: rgb(254 242 242);
  /* Info (Tailwind sky scale) */
  --eb-info-900: rgb(12 74 110);
  --eb-info-800: rgb(7 89 133);
  --eb-info-700: rgb(3 105 161);
  --eb-info-600: rgb(2 132 199);
  --eb-info-500: rgb(2 132 199);
  --eb-info-400: rgb(56 189 248);
  --eb-info-200: rgb(186 230 253);
  --eb-info-100: rgb(224 242 254);
  --eb-info-50: rgb(240 249 255);
  /* Accents */
  --eb-accent-gold: rgb(250 204 21);
  --eb-accent-purple: rgb(139 92 246);
  --eb-accent-teal: rgb(15 118 110);
  --eb-whatsapp-500: rgb(37 211 102);
  --eb-whatsapp-700: rgb(18 140 126);
  --eb-whatsapp-50: rgb(232 253 242);
  --eb-emerald-500: rgb(16 185 129);
  --eb-emerald-700: rgb(6 95 70);
  --eb-mail-text: rgb(31 42 68);
  --eb-mail-heading: rgb(17 24 39);
  --eb-mail-copy: rgb(75 85 99);
  --eb-mail-muted: rgb(107 114 128);
  --eb-mail-border: rgb(229 234 242);
  --eb-mail-bg: rgb(243 246 251);
  --eb-mail-panel-bg: rgb(245 247 255);
  /* Alpha surfaces */
  --eb-white-00: rgb(255 255 255 / 0);
  --eb-white-08: rgb(255 255 255 / 0.08);
  --eb-white-12: rgb(255 255 255 / 0.12);
  --eb-white-18: rgb(255 255 255 / 0.18);
  --eb-white-20: rgb(255 255 255 / 0.2);
  --eb-white-24: rgb(255 255 255 / 0.24);
  --eb-white-30: rgb(255 255 255 / 0.3);
  --eb-white-35: rgb(255 255 255 / 0.35);
  --eb-white-55: rgb(255 255 255 / 0.55);
  --eb-white-60: rgb(255 255 255 / 0.6);
  --eb-white-72: rgb(255 255 255 / 0.72);
  --eb-white-75: rgb(255 255 255 / 0.75);
  --eb-white-78: rgb(255 255 255 / 0.78);
  --eb-white-80: rgb(255 255 255 / 0.8);
  --eb-white-82: rgb(255 255 255 / 0.82);
  --eb-white-84: rgb(255 255 255 / 0.84);
  --eb-white-85: rgb(255 255 255 / 0.85);
  --eb-white-88: rgb(255 255 255 / 0.88);
  --eb-white-90: rgb(255 255 255 / 0.9);
  --eb-white-92: rgb(255 255 255 / 0.92);
  --eb-white-94: rgb(255 255 255 / 0.94);
  --eb-white-96: rgb(255 255 255 / 0.96);
  --eb-white-98: rgb(255 255 255 / 0.98);
  --eb-black-04: rgb(0 0 0 / 0.04);
  --eb-black-05: rgb(0 0 0 / 0.05);
  --eb-black-06: rgb(0 0 0 / 0.06);
  --eb-black-07: rgb(0 0 0 / 0.07);
  --eb-black-08: rgb(0 0 0 / 0.08);
  --eb-black-12: rgb(0 0 0 / 0.12);
  --eb-black-18: rgb(0 0 0 / 0.18);
  --eb-black-20: rgb(0 0 0 / 0.2);
  --eb-black-35: rgb(0 0 0 / 0.35);
  --eb-black-65: rgb(0 0 0 / 0.65);
  --eb-gray-50-72: rgb(248 250 252 / 0.72);
  --eb-gray-50-85: rgb(248 250 252 / 0.85);
  --eb-gray-50-94: rgb(248 250 252 / 0.94);
  --eb-gray-50-95: rgb(248 250 252 / 0.95);
  --eb-gray-900-03: rgb(15 23 42 / 0.03);
  --eb-gray-900-06: rgb(15 23 42 / 0.06);
  --eb-gray-900-07: rgb(15 23 42 / 0.07);
  --eb-gray-900-08: rgb(15 23 42 / 0.08);
  --eb-gray-900-09: rgb(15 23 42 / 0.09);
  --eb-gray-900-10: rgb(15 23 42 / 0.1);
  --eb-gray-900-12: rgb(15 23 42 / 0.12);
  --eb-gray-900-15: rgb(15 23 42 / 0.15);
  --eb-gray-900-16: rgb(15 23 42 / 0.16);
  --eb-gray-900-18: rgb(15 23 42 / 0.18);
  --eb-gray-900-20: rgb(15 23 42 / 0.2);
  --eb-gray-900-45: rgb(15 23 42 / 0.45);
  --eb-gray-900-60: rgb(15 23 42 / 0.6);
  --eb-gray-900-65: rgb(15 23 42 / 0.65);
  --eb-gray-400-20: rgb(148 163 184 / 0.2);
  --eb-gray-400-22: rgb(148 163 184 / 0.22);
  --eb-gray-400-28: rgb(148 163 184 / 0.28);
  --eb-gray-400-38: rgb(148 163 184 / 0.38);
  --eb-gray-400-18: rgb(148 163 184 / 0.18);
  --eb-gray-300-88: rgb(203 213 225 / 0.88);
  --eb-gray-200-90: rgb(229 231 235 / 0.9);
  --eb-gray-200-95: rgb(229 231 235 / 0.95);
  --eb-primary-500-08: rgb(59 130 246 / 0.08);
  --eb-primary-700-06: rgb(37 99 235 / 0.06);
  --eb-primary-700-08: rgb(37 99 235 / 0.08);
  --eb-primary-700-12: rgb(37 99 235 / 0.12);
  --eb-primary-700-18: rgb(37 99 235 / 0.18);
  --eb-primary-700-22: rgb(37 99 235 / 0.22);
  --eb-primary-700-35: rgb(37 99 235 / 0.35);
  --eb-success-600-08: rgb(22 163 74 / 0.08);
  --eb-danger-500-10: rgb(239 68 68 / 0.1);
  --eb-danger-600-04: rgb(220 38 38 / 0.04);
  --eb-danger-600-06: rgb(220 38 38 / 0.06);
  --eb-danger-600-30: rgb(220 38 38 / 0.3);
  --eb-danger-600-88: rgb(220 38 38 / 0.88);
  --eb-emerald-500-12: rgb(16 185 129 / 0.12);
  --eb-emerald-500-88: rgb(16 185 129 / 0.88);
  --eb-accent-teal-10: rgb(15 118 110 / 0.1);

  /* ==========================================================================
     SEMANTIC REFERENCE PRIMITIVES ONLY NAMES DESCRIBE INTENT NOT APPEARANCE
     ========================================================================== */

  /* Page surfaces */
  --eb-bg-page: rgb(248 250 252);
  --eb-bg-card: var(--eb-white);
  --eb-bg-sidebar: var(--eb-white);
  --eb-bg-hover: var(--eb-gray-100);
  --eb-bg: var(--eb-bg-page);
  /* Typography */
  --eb-text: var(--eb-gray-900);
  --eb-text-primary: var(--eb-gray-900);
  --eb-text-secondary: var(--eb-gray-600);
  --eb-text-muted: var(--eb-gray-500);
  --eb-muted: var(--eb-gray-500);
  /* Surfaces */
  --eb-surface-subtle: var(--eb-gray-50);
  --eb-surface-border: var(--eb-border-default);
  --eb-overlay-backdrop: var(--eb-gray-900-45); /* modal, drawer, popover scrim — dark-mode override pending */
  /* Borders */
  --eb-border-default: rgb(229 231 235);
  --eb-border-strong: var(--eb-gray-300);
  --eb-border-focus: var(--eb-primary-700);
  --eb-border-light: var(--eb-gray-100);
  /* Typography */
  --eb-font-base: "Lato", sans-serif;
  --eb-font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;
  --eb-font-weight-regular: 400;
  --eb-font-weight-bold: 700;
  --eb-font-weight-black: 900;
  --eb-type-display-xl-size-desktop: 56px;
  --eb-type-display-xl-size-tablet: 46px;
  --eb-type-display-xl-size-mobile: 36px;
  --eb-type-display-xl-weight: 900;
  --eb-type-display-xl-line-height: 1;
  --eb-type-display-xl-tracking: -0.04em;
  --eb-type-h1-size-desktop: 48px;
  --eb-type-h1-size-tablet: 40px;
  --eb-type-h1-size-mobile: 32px;
  --eb-type-h1-weight: 900;
  --eb-type-h1-line-height: 1.04;
  --eb-type-h1-tracking: -0.04em;
  --eb-type-h2-size-desktop: 36px;
  --eb-type-h2-size-tablet: 30px;
  --eb-type-h2-size-mobile: 26px;
  --eb-type-h2-weight: 900;
  --eb-type-h2-line-height: 1.08;
  --eb-type-h2-tracking: -0.03em;
  --eb-type-h3-size-desktop: 28px;
  --eb-type-h3-size-tablet: 24px;
  --eb-type-h3-size-mobile: 22px;
  --eb-type-h3-weight: 700;
  --eb-type-h3-line-height: 1.14;
  --eb-type-h3-tracking: -0.02em;
  --eb-type-h4-size-desktop: 22px;
  --eb-type-h4-size-tablet: 20px;
  --eb-type-h4-size-mobile: 18px;
  --eb-type-h4-weight: 700;
  --eb-type-h4-line-height: 1.2;
  --eb-type-h4-tracking: -0.01em;
  --eb-type-h5-size-desktop: 18px;
  --eb-type-h5-size-tablet: 18px;
  --eb-type-h5-size-mobile: 16px;
  --eb-type-h5-weight: 700;
  --eb-type-h5-line-height: 1.28;
  --eb-type-h5-tracking: 0em;
  --eb-type-h6-size-desktop: 14px;
  --eb-type-h6-size-tablet: 14px;
  --eb-type-h6-size-mobile: 13px;
  --eb-type-h6-weight: 700;
  --eb-type-h6-line-height: 1.32;
  --eb-type-h6-tracking: 0.02em;
  --eb-type-lead-size-desktop: 20px;
  --eb-type-lead-size-tablet: 18px;
  --eb-type-lead-size-mobile: 18px;
  --eb-type-lead-weight: 400;
  --eb-type-lead-line-height: 1.6;
  --eb-type-lead-tracking: 0em;
  --eb-type-body-ui-size-desktop: 16px;
  --eb-type-body-ui-size-tablet: 16px;
  --eb-type-body-ui-size-mobile: 16px;
  --eb-type-body-ui-weight: 400;
  --eb-type-body-ui-line-height: 1.6;
  --eb-type-body-ui-tracking: 0em;
  --eb-type-body-prose-size-desktop: 16px;
  --eb-type-body-prose-size-tablet: 16px;
  --eb-type-body-prose-size-mobile: 16px;
  --eb-type-body-prose-weight: 400;
  --eb-type-body-prose-line-height: 1.72;
  --eb-type-body-prose-tracking: 0em;
  --eb-type-body-small-size-desktop: 14px;
  --eb-type-body-small-size-tablet: 14px;
  --eb-type-body-small-size-mobile: 14px;
  --eb-type-body-small-weight: 400;
  --eb-type-body-small-line-height: 1.6;
  --eb-type-body-small-tracking: 0em;
  --eb-type-meta-size-desktop: 13px;
  --eb-type-meta-size-tablet: 13px;
  --eb-type-meta-size-mobile: 13px;
  --eb-type-meta-weight: 400;
  --eb-type-meta-line-height: 1.45;
  --eb-type-meta-tracking: 0em;
  --eb-type-caption-size-desktop: 12px;
  --eb-type-caption-size-tablet: 12px;
  --eb-type-caption-size-mobile: 12px;
  --eb-type-caption-weight: 400;
  --eb-type-caption-line-height: 1.5;
  --eb-type-caption-tracking: 0em;
  --eb-type-label-size-desktop: 14px;
  --eb-type-label-size-tablet: 14px;
  --eb-type-label-size-mobile: 14px;
  --eb-type-label-weight: 700;
  --eb-type-label-line-height: 1.35;
  --eb-type-label-tracking: 0em;
  --eb-type-eyebrow-size-desktop: 12px;
  --eb-type-eyebrow-size-tablet: 12px;
  --eb-type-eyebrow-size-mobile: 12px;
  --eb-type-eyebrow-weight: 700;
  --eb-type-eyebrow-line-height: 1;
  --eb-type-eyebrow-tracking: 0.08em;
  --eb-type-button-size-desktop: 15px;
  --eb-type-button-size-tablet: 15px;
  --eb-type-button-size-mobile: 15px;
  --eb-type-button-weight: 700;
  --eb-type-button-line-height: 1;
  --eb-type-button-tracking: 0em;
  --eb-type-input-size-desktop: 16px;
  --eb-type-input-size-tablet: 16px;
  --eb-type-input-size-mobile: 16px;
  --eb-type-input-weight: 400;
  --eb-type-input-line-height: 1.4;
  --eb-type-input-tracking: 0em;
  --eb-type-code-size-desktop: 13px;
  --eb-type-code-size-tablet: 13px;
  --eb-type-code-size-mobile: 13px;
  --eb-type-code-weight: 400;
  --eb-type-code-line-height: 1.5;
  --eb-type-code-tracking: 0em;
  --eb-type-quote-size-desktop: 18px;
  --eb-type-quote-size-tablet: 18px;
  --eb-type-quote-size-mobile: 18px;
  --eb-type-quote-weight: 400;
  --eb-type-quote-line-height: 1.65;
  --eb-type-quote-tracking: 0em;
  /* Spacing */
  --eb-space-1: 0.25rem;
  --eb-space-2: 0.5rem;
  --eb-space-3: 0.75rem;
  --eb-space-4: 1rem;
  --eb-space-5: 1.25rem;
  --eb-space-6: 1.5rem;
  --eb-space-8: 2rem;
  --eb-space-12: 3rem;
  /* Breakpoints */
  --eb-breakpoint-xs: 320px;
  --eb-breakpoint-sm: 512px;
  --eb-breakpoint-md: 600px;
  --eb-breakpoint-lg: 800px;
  --eb-breakpoint-xl: 1100px;
  --eb-breakpoint-2xl: 1400px;
  --eb-breakpoint-3xl: 1920px;
  /* Radius */
  --eb-radius-0: 0rem;
  --eb-radius-xs: 0.125rem;
  --eb-radius-sm: 0.25rem;
  --eb-radius-md: 0.375rem;
  --eb-radius-lg: 0.5rem;
  --eb-radius-xl: 0.75rem;
  --eb-radius-2xl: 1rem;
  --eb-radius-3xl: 1.25rem;
  --eb-radius-pill: 999px;
  --eb-radius-full: 50%;
  /* Shadows */
  --eb-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.05);
  --eb-shadow-md: 0 4px 12px rgb(0 0 0 / 0.08);
  --eb-shadow-lg: 0 10px 30px rgb(0 0 0 / 0.12);
  --eb-shadow-soft-sm: 0 3px 10px rgb(0 0 0 / 0.06);
  --eb-shadow-soft-md: 0 6px 24px rgb(15 23 42 / 0.1);
  --eb-shadow-soft-lg: 0 10px 30px rgb(15 23 42 / 0.08);
  --eb-shadow-soft-xl: 0 12px 28px rgb(15 23 42 / 0.08);
  --eb-shadow-soft-2xl: 0 18px 36px rgb(15 23 42 / 0.12);
  --eb-shadow-soft-panel: 0 16px 35px rgb(15 23 42 / 0.08);
  --eb-shadow-soft-hero: 0 22px 50px rgb(15 23 42 / 0.08);
  --eb-shadow-soft-dropdown: 0 8px 18px rgb(15 23 42 / 0.15);
  --eb-shadow-soft-dropdown-hover: 0 14px 28px rgb(15 23 42 / 0.18);
  --eb-shadow-soft-drawer: 0 28px 60px rgb(15 23 42 / 0.18);
  --eb-shadow-soft-floating: 0 24px 60px rgb(15 23 42 / 0.2);
  --eb-shadow-soft-control: 0 8px 24px rgb(0 0 0 / 0.08);
  --eb-shadow-soft-toast: 0 4px 20px rgb(15 23 42 / 0.16), 0 1px 4px rgb(15 23 42 / 0.1);
  --eb-shadow-soft-modal: 0 16px 48px rgb(15 23 42 / 0.18);
  --eb-shadow-mail: 0 10px 24px rgb(16 24 40 / 0.06);
  --eb-inset-top-white-30: inset 0 1px 0 rgb(255 255 255 / 0.3);
  --eb-inset-top-white-55: inset 0 0 0 1px rgb(255 255 255 / 0.55);
  --eb-inset-top-white-60: inset 0 1px 0 rgb(255 255 255 / 0.6);
  --eb-inset-top-white-72: inset 0 1px 0 rgb(255 255 255 / 0.72);
  /* Motion */
  --eb-duration-fast: 120ms;
  --eb-duration-base: 180ms;
  --eb-duration-slow: 280ms;
  --eb-duration-reduced: 0ms;
  --eb-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --eb-ease-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --eb-ease-accelerate: cubic-bezier(0.4, 0, 1, 1);
  --eb-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  /* Z-index */
  --eb-z-base: 0;
  --eb-z-sticky: 30;
  --eb-z-dropdown: 60;
  --eb-z-overlay: 80;
  --eb-z-modal: 90;

  /* ==========================================================================
     COMPONENT TOKENS REFERENCE SEMANTIC OR PRIMITIVE TOKENS NO RAW HEX BELOW THIS LINE EXCEPTIONS NOTED INLINE WHERE A VALUE IS INTENTIONALLY BESPOKE
     ========================================================================== */

  /* Ratings */
  --eb-rating-star: var(--eb-warning-400);
  --eb-rating-muted: var(--eb-gray-400);
  /* Disabled state */
  --eb-disabled-bg: var(--eb-gray-100);
  --eb-disabled-text: var(--eb-gray-400);
  --eb-disabled-border: var(--eb-border-default);
  /* ----- Buttons ----- */
  --eb-btn-primary-bg: var(--eb-primary-700);
  --eb-btn-primary-text: var(--eb-white);
  --eb-btn-primary-border: var(--eb-primary-700);
  --eb-btn-primary-hover-bg: var(--eb-primary-900);
  --eb-btn-secondary-bg: var(--eb-gray-100);
  --eb-btn-secondary-text: var(--eb-gray-900);
  --eb-btn-secondary-border: var(--eb-border-default);
  --eb-btn-secondary-hover-bg: var(--eb-bg-hover);
  --eb-btn-muted-bg: var(--eb-gray-50);
  --eb-btn-muted-text: var(--eb-gray-700);
  --eb-btn-muted-border: var(--eb-gray-200);
  --eb-btn-muted-hover-bg: var(--eb-gray-100);
  --eb-btn-ghost-text: var(--eb-gray-700);
  --eb-btn-ghost-hover-bg: var(--eb-bg-hover);
  --eb-btn-link-text: var(--eb-primary-700);
  --eb-btn-link-hover-text: var(--eb-primary-900);
  --eb-btn-outline-primary-text: var(--eb-primary-700);
  --eb-btn-outline-primary-border: var(--eb-primary-700);
  --eb-btn-outline-primary-hover-bg: var(--eb-primary-100);
  --eb-btn-outline-secondary-text: var(--eb-gray-700);
  --eb-btn-outline-secondary-border: var(--eb-gray-300);
  --eb-btn-outline-secondary-hover-bg: var(--eb-gray-100);
  --eb-btn-success-bg: var(--eb-success-600);
  --eb-btn-success-text: var(--eb-white);
  --eb-btn-success-border: var(--eb-success-600);
  --eb-btn-success-hover-bg: var(--eb-success-700);
  --eb-btn-outline-success-text: var(--eb-success-700);
  --eb-btn-outline-success-border: var(--eb-success-600);
  --eb-btn-outline-success-hover-bg: var(--eb-success-100);
  --eb-btn-warning-bg: var(--eb-warning-500);
  --eb-btn-warning-text: var(--eb-gray-900);
  --eb-btn-warning-border: var(--eb-warning-500);
  --eb-btn-warning-hover-bg: var(--eb-warning-100);
  --eb-btn-outline-warning-text: var(--eb-warning-700);
  --eb-btn-outline-warning-border: var(--eb-warning-500);
  --eb-btn-outline-warning-hover-bg: var(--eb-warning-100);
  --eb-btn-info-bg: var(--eb-info-600);
  --eb-btn-info-text: var(--eb-white);
  --eb-btn-info-border: var(--eb-info-600);
  --eb-btn-info-hover-bg: var(--eb-info-700);
  --eb-btn-outline-info-text: var(--eb-info-700);
  --eb-btn-outline-info-border: var(--eb-info-600);
  --eb-btn-outline-info-hover-bg: var(--eb-info-100);
  --eb-btn-light-bg: var(--eb-gray-100);
  --eb-btn-light-text: var(--eb-gray-900);
  --eb-btn-light-border: var(--eb-gray-200);
  --eb-btn-light-hover-bg: var(--eb-gray-200);
  --eb-btn-outline-light-text: var(--eb-gray-700);
  --eb-btn-outline-light-border: var(--eb-gray-200);
  --eb-btn-outline-light-hover-bg: var(--eb-gray-100);
  --eb-btn-dark-bg: var(--eb-gray-900);
  --eb-btn-dark-text: var(--eb-white);
  --eb-btn-dark-border: var(--eb-gray-900);
  --eb-btn-dark-hover-bg: rgb(11 18 32); /* intentional: deeper than gray-900 */
  --eb-btn-outline-dark-text: var(--eb-gray-900);
  --eb-btn-outline-dark-border: var(--eb-gray-900);
  --eb-btn-outline-dark-hover-bg: var(--eb-gray-100);
  --eb-btn-white-bg: var(--eb-white);
  --eb-btn-white-text: var(--eb-primary-700);
  --eb-btn-white-border: var(--eb-primary-700);
  --eb-btn-white-hover-bg: var(--eb-primary-50);
  --eb-btn-danger-bg: var(--eb-danger-600);
  --eb-btn-danger-text: var(--eb-white);
  --eb-btn-danger-border: var(--eb-danger-600);
  --eb-btn-danger-hover-bg: var(--eb-danger-700);
  --eb-btn-outline-danger-text: var(--eb-danger-700);
  --eb-btn-outline-danger-border: var(--eb-danger-600);
  --eb-btn-outline-danger-hover-bg: var(--eb-danger-100);
  --eb-btn-focus-ring-inner: var(--eb-white);
  --eb-btn-spinner-border: rgb(255 255 255 / 0.4);
  --eb-btn-spinner-top: var(--eb-white);
  /* ----- Badges ----- */
  --eb-badge-success-bg: var(--eb-success-100);
  --eb-badge-success-text: var(--eb-success-700);
  --eb-badge-warning-bg: var(--eb-warning-100);
  --eb-badge-warning-text: var(--eb-warning-700);
  --eb-badge-info-bg: var(--eb-info-100);
  --eb-badge-info-text: var(--eb-info-700);
  --eb-badge-danger-bg: var(--eb-danger-100);
  --eb-badge-danger-text: var(--eb-danger-700);
  --eb-badge-neutral-bg: var(--eb-gray-100);
  --eb-badge-neutral-text: var(--eb-gray-700);
  --eb-badge-outline-border: var(--eb-border-default);
  --eb-badge-outline-text: var(--eb-gray-700);
  --eb-badge-inhouse-bg: var(--eb-info-100);
  --eb-badge-inhouse-text: var(--eb-info-700);
  --eb-badge-inhouse-border: var(--eb-info-200);
  --eb-badge-expert-bg: var(--eb-success-100);
  --eb-badge-expert-text: var(--eb-success-700);
  --eb-badge-expert-border: var(--eb-success-200);
  /* ----- Home banner ----- */
  --eb-home-banner-bg: rgb(15 42 92); /* deep navy: the one dark surface on the home page */
  --eb-home-banner-media-bg: var(--eb-primary-900);
  --eb-home-banner-text: var(--eb-white);
  --eb-home-banner-copy: var(--eb-primary-100);
  --eb-home-banner-label: var(--eb-primary-200);
  /* ----- Header ----- */
  --eb-header-bg: var(--eb-white);
  --eb-header-border: var(--eb-gray-200);
  --eb-header-icon: var(--eb-gray-700);
  --eb-header-icon-hover: var(--eb-primary-500);
  --eb-header-avatar-bg: var(--eb-primary-500);
  --eb-header-avatar-text: var(--eb-white);
  --eb-header-badge-bg: var(--eb-danger-600);
  --eb-header-badge-text: var(--eb-white);
  --eb-header-notif-header-bg: var(--eb-gray-50);
  --eb-header-notif-header-border: var(--eb-gray-200);
  --eb-header-notif-viewall-border: var(--eb-gray-300);
  --eb-header-notif-viewall-bg: var(--eb-white);
  --eb-header-notif-viewall-text: var(--eb-gray-800);
  --eb-header-notif-viewall-hover-border: var(--eb-primary-500);
  --eb-header-notif-viewall-hover-text: var(--eb-primary-700);
  --eb-header-highlight-bg: var(--eb-white);
  --eb-header-highlight-border: var(--eb-gray-100);
  --eb-header-highlight-link: var(--eb-gray-700);
  --eb-header-highlight-link-hover: var(--eb-primary-500);
  --eb-header-mega-border: var(--eb-gray-200);
  --eb-header-mega-title: var(--eb-gray-900);
  --eb-header-mega-link: var(--eb-gray-500);
  --eb-header-mega-link-hover: var(--eb-primary-500);
  --eb-header-mobile-icon: var(--eb-gray-500);
  --eb-header-mobile-link: var(--eb-gray-500);
  --eb-header-mobile-link-hover-bg: var(--eb-bg-hover);
  --eb-header-utility-bg: var(--eb-gray-100);
  --eb-header-utility-border: var(--eb-gray-100);
  --eb-header-utility-link: var(--eb-gray-900);
  --eb-header-utility-link-hover: var(--eb-primary-500);
  /* ----- Search ----- */
  --eb-search-advanced-link: var(--eb-gray-600);
  --eb-search-advanced-link-hover: var(--eb-primary-700);
  --eb-search-pill-border: var(--eb-primary-500);
  --eb-search-pill-focus-bg: var(--eb-white);
  --eb-search-pill-focus-shadow: 0 0 0 3px rgb(59 130 246 / 0.12);
  --eb-search-category-text: var(--eb-gray-800);
  --eb-search-menu-bg: var(--eb-primary-50);
  --eb-search-menu-border: var(--eb-primary-500);
  --eb-search-menu-shadow: 0 12px 24px rgb(15 23 42 / 0.12);
  --eb-search-option-text: var(--eb-gray-900);
  --eb-search-option-hover-bg: var(--eb-gray-100);
  --eb-search-option-hover-text: var(--eb-primary-700);
  --eb-search-divider: var(--eb-gray-300);
  --eb-search-input-text: var(--eb-gray-900);
  --eb-search-submit-hover-bg: var(--eb-primary-100);
  /* ----- Filters ----- */
  --eb-filter-applied-bg: var(--eb-gray-50);
  --eb-filter-applied-border: var(--eb-border-default);
  --eb-filter-chip-bg: var(--eb-white);
  --eb-filter-chip-border: var(--eb-border-default);
  --eb-filter-chip-text: var(--eb-gray-800);
  --eb-filter-chip-hover-bg: var(--eb-danger-50);
  --eb-filter-chip-hover-border: var(--eb-danger-300);
  --eb-filter-chip-hover-text: var(--eb-danger-700);
  --eb-filter-clear-text: var(--eb-danger-600);
  --eb-filter-clear-hover-text: var(--eb-danger-800);
  --eb-sortbar-bg: var(--eb-white);
  --eb-sortbar-border: var(--eb-border-default);
  --eb-mobile-sort-bg: var(--eb-white);
  --eb-mobile-sort-border: var(--eb-border-default);
  --eb-view-toggle-border: var(--eb-gray-200);
  --eb-view-toggle-bg: var(--eb-white);
  --eb-view-toggle-text: var(--eb-gray-500);
  --eb-view-toggle-hover-bg: var(--eb-gray-50);
  --eb-view-toggle-hover-text: var(--eb-gray-900);
  --eb-view-toggle-active-bg: var(--eb-primary-700);
  --eb-view-toggle-active-text: var(--eb-white);
  --eb-view-toggle-active-border: var(--eb-primary-700);
  /* ----- Wishlist ----- */
  --eb-wishlist-bg: var(--eb-white);
  --eb-wishlist-border: var(--eb-border-default);
  --eb-wishlist-text: var(--eb-gray-800);
  --eb-wishlist-hover-text: var(--eb-primary-600);
  --eb-wishlist-active-text: var(--eb-primary-600);
  --eb-wishlist-shadow: var(--eb-shadow-md);
  --eb-wishlist-wrapper-shadow: var(--eb-shadow-md);
  /* ----- Item Card ----- */
  --eb-item-card-bg: var(--eb-bg-card);
  --eb-item-card-sold-bg: var(--eb-bg-page);
  --eb-item-card-sold-text: rgb(241 241 241); /* intentional off-white for sold overlay */
  --eb-item-card-sold-price: var(--eb-gray-900);
  --eb-item-badge-expert-bg: var(--eb-success-100);
  --eb-item-badge-expert-border: var(--eb-success-200);
  --eb-item-badge-expert-text: var(--eb-success-700);
  --eb-item-expert-initials-bg: var(--eb-success-100);
  --eb-item-expert-initials-text: var(--eb-success-900);
  --eb-item-badge-sold-bg: var(--eb-danger-500);
  --eb-item-badge-sold-text: var(--eb-white);
  --eb-item-image-bg: rgb(244 246 248); /* intentional warm-gray image tray */
  --eb-item-placeholder-text: var(--eb-gray-300);
  --eb-item-seller-text: var(--eb-gray-500);
  --eb-item-seller-avatar-bg: var(--eb-primary-700);
  --eb-item-seller-avatar-text: var(--eb-white);
  --eb-item-seller-name-text: var(--eb-gray-500);
  --eb-item-seller-verified-text: var(--eb-primary-700);
  --eb-item-expert-line-text: var(--eb-success-700);
  --eb-item-expert-meta-text: var(--eb-gray-600);
  --eb-item-expert-name-text: var(--eb-gray-900);
  --eb-item-price-text: var(--eb-gray-900);
  --eb-item-price-muted-text: var(--eb-gray-500);
  --eb-item-price-sold-text: var(--eb-gray-600);
  --eb-item-tooltip-bg: var(--eb-gray-900);
  --eb-item-tooltip-text: var(--eb-white);
  --eb-item-tooltip-arrow: var(--eb-gray-900);
  --eb-item-carousel-control-bg: var(--eb-white);
  --eb-item-carousel-control-text: var(--eb-gray-800);
  --eb-item-swiper-nav-bg: var(--eb-white);
  --eb-item-swiper-nav-border: var(--eb-gray-400-28);
  --eb-item-swiper-nav-text: var(--eb-gray-800);
  --eb-item-swiper-nav-shadow: var(--eb-shadow-md);
  /* ----- Stories ----- */
  --eb-story-link-text: var(--eb-gray-700);
  --eb-story-link-border: var(--eb-border-default);
  --eb-story-link-bg: var(--eb-white);
  --eb-story-link-hover-border: var(--eb-primary-200);
  --eb-story-link-hover-text: var(--eb-gray-800);
  --eb-story-link-active-border: var(--eb-primary-800);
  --eb-story-link-active-text: var(--eb-primary-800);
  --eb-story-link-active-bg: var(--eb-primary-50);
  --eb-story-card-border: var(--eb-border-default);
  --eb-story-category-text: var(--eb-gray-500);
  --eb-story-title-text: var(--eb-gray-900);
  --eb-story-title-hover-text: var(--eb-primary-800);
  --eb-story-excerpt-text: var(--eb-gray-600);
  --eb-story-meta-text: var(--eb-gray-500);
  --eb-story-cta-text: var(--eb-primary-800);
  --eb-story-content-text: var(--eb-gray-900);
  --eb-story-trust-bg: var(--eb-gray-50);
  --eb-story-trust-text: var(--eb-gray-700);
  --eb-story-pagination-text: var(--eb-gray-800);
  --eb-story-pagination-border: var(--eb-border-default);
  --eb-story-pagination-bg: var(--eb-white);
  --eb-story-pagination-disabled-text: var(--eb-gray-400);
  /* ----- Categories ----- */
  --eb-category-font-heading: inherit;
  --eb-category-font-body: inherit;
  --eb-category-card-bg: rgb(247 247 251);
  --eb-category-card-bg2: rgb(238 241 247);
  --eb-category-card-shine-1: rgb(255 255 255 / 0.7);
  --eb-category-card-shine-1-end: rgb(255 255 255 / 0);
  --eb-category-card-shine-2: rgb(255 255 255 / 0.45);
  --eb-category-card-shine-2-end: rgb(255 255 255 / 0);
  --eb-category-card-inset: rgb(255 255 255 / 0.6);
  --eb-category-icon-border: rgb(255 255 255 / 0.8);
  --eb-category-icon-shadow: 0 4px 10px rgb(20 40 80 / 0.12);
  --eb-category-icon-inset: inset 0 0 0 1px rgb(255 255 255 / 0.55);
  --eb-categories-page-top: rgb(248 251 255);
  --eb-categories-page-mid: rgb(245 247 251);
  --eb-categories-card-bg: rgb(238 244 255);
  --eb-categories-card-bg-2: rgb(225 235 255);
  --eb-categories-card-border: var(--eb-border-default);
  --eb-categories-card-accent: var(--eb-primary-500);
  /* ----- Chat ----- */
  --eb-chat-page-bg: var(--eb-gray-50);
  --eb-chat-bubble-buyer-bg: var(--eb-info-100);
  --eb-chat-bubble-buyer-text: var(--eb-gray-900);
  --eb-chat-bubble-buyer-border: var(--eb-info-200);
  --eb-chat-bubble-seller-bg: var(--eb-white);
  --eb-chat-bubble-seller-border: var(--eb-border-default);
  --eb-chat-container-bg: var(--eb-white);
  --eb-chat-header-bg: var(--eb-primary-800);
  --eb-chat-header-text: var(--eb-white);
  --eb-chat-footer-bg: var(--eb-white);
  --eb-chat-footer-border: var(--eb-border-default);
  /* ----- Compose Modal ----- */
  --eb-compose-border: var(--eb-border-default);
  --eb-compose-shadow: var(--eb-shadow-lg);
  --eb-compose-header-border: var(--eb-border-light);
  --eb-compose-header-bg: var(--eb-gray-50);
  --eb-compose-label-text: var(--eb-gray-600);
  --eb-compose-footer-border: var(--eb-border-light);
  /* ----- Tabs ----- */
  --eb-tabs-link-text: var(--eb-gray-500);
  --eb-tabs-link-active-text: var(--eb-primary-700);
  --eb-tabs-link-active-border: var(--eb-primary-700);
  --eb-tabs-count-text: var(--eb-primary-700);
  --eb-tabs-count-bg: rgb(37 99 235 / 0.12);
  /* ----- Inbox ----- */
  --eb-inbox-hover-bg: var(--eb-primary-50);
  --eb-inbox-badge-bg: var(--eb-white);
  --eb-inbox-badge-text: var(--eb-gray-700);
  --eb-inbox-badge-buyer-bg: var(--eb-primary-100);
  --eb-inbox-badge-buyer-text: var(--eb-primary-800);
  --eb-inbox-badge-seller-bg: var(--eb-info-50);
  --eb-inbox-badge-seller-text: var(--eb-info-700);
  /* ----- Adaptive Data Surface ----- */
  --eb-ads-truncate-max-width: 240px;
  /* ----- Experts ----- */
  --eb-expert-section-bg-bottom: var(--eb-primary-100);
  --eb-expert-modal-image-bg: rgb(0 0 0);
  /* ----- Auth ----- */
  --eb-auth-modal-width: 360px;
  --eb-auth-brand-accent: var(--eb-primary-700);
  /* ----- Product Page ----- */
  --eb-product-info-icon-bg: var(--eb-gray-100);
  --eb-product-info-icon-text: var(--eb-gray-600);
  --eb-product-protection-text: var(--eb-gray-700);
  /* ----- Page-level reserved tokens ----- */
  --eb-home-hero-bg: var(--eb-bg-page);
  --eb-home-hero-text: var(--eb-gray-900);
  --eb-home-hero-subtext: var(--eb-gray-700);
  --eb-listing-header-bg: var(--eb-bg-page);
  --eb-listing-header-text: var(--eb-gray-900);
  --eb-listing-header-subtext: var(--eb-gray-700);
  --eb-listing-showcase-panel-border: var(--eb-gray-400-28);
  --eb-listing-showcase-panel-border-subtle: var(--eb-gray-400-18);
  --eb-listing-showcase-panel-border-dashed: var(--eb-gray-400-38);
  --eb-listing-showcase-panel-bg: linear-gradient(135deg, var(--eb-white-98), var(--eb-gray-50-95));
  --eb-listing-showcase-card-bg: var(--eb-white-98);
  --eb-listing-showcase-card-header-bg: linear-gradient(180deg, var(--eb-gray-50-95), var(--eb-white-96));
  --eb-listing-showcase-note-bg: var(--eb-white-78);
  --eb-listing-showcase-divider: linear-gradient(90deg, var(--eb-transparent), var(--eb-gray-300-88), var(--eb-transparent));
  --eb-listing-showcase-review-border: var(--eb-gray-200-95);
  --eb-listing-showcase-review-bg: linear-gradient(180deg, var(--eb-gray-50-85), var(--eb-white-98));
  --eb-listing-showcase-actions-border: var(--eb-gray-200-90);
  --eb-listing-showcase-eyebrow-bg: var(--eb-accent-teal-10);
  --eb-listing-showcase-hero-shadow: var(--eb-shadow-soft-hero);
  --eb-listing-showcase-card-shadow: var(--eb-shadow-soft-panel);
  --eb-dashboard-header-bg: var(--eb-bg-page);
  --eb-dashboard-header-text: var(--eb-gray-900);
  --eb-dashboard-header-subtext: var(--eb-gray-700);
  /* ----- Banner ----- */
  --eb-banner-radius: 0px;
  --eb-banner-padding: 32px;
  --eb-banner-padding-sm: 24px;
  --eb-banner-title-size: 3rem;
  --eb-banner-subtitle-size: 1.175rem;
  --eb-banner-overlay-dark: rgb(15 23 42 / 0.6);
  --eb-banner-overlay-light: rgb(255 255 255 / 0.75);
  --eb-banner-overlay-mobile: rgb(255 255 255 / 0.6);
  --eb-banner-scrim-rgb: 247 242 235;
  --eb-banner-height-lg: 360px;
  --eb-banner-height-md: 280px;
  --eb-banner-height-sm: 200px;
}