:root {
  /* Brand */
  --eb-primary-900: #1e40af;
  --eb-primary-700: #2563eb;
  --eb-primary-600: var(--eb-primary-700);
  --eb-primary-500: #3b82f6;
  --eb-primary-100: #dbeafe;
  --eb-primary-50: #EFF6FF;

  /* Neutrals */
  --eb-gray-900: #0f172a;
  --eb-gray-800: #1e293b;
  --eb-gray-700: #334155;
  --eb-gray-600: #475569;
  --eb-gray-500: #64748b;
  --eb-gray-400: #94a3b8;
  --eb-gray-300: #cbd5e1;
  --eb-gray-200: #e5e7eb;
  --eb-gray-100: #f1f5f9;
  --eb-gray-50: #f8fafc;
  --eb-white: #ffffff;

  /* Surfaces */
  --eb-bg: var(--eb-bg-page);
  --eb-text: var(--eb-gray-900);
  --eb-muted: var(--eb-gray-500);
  --eb-bg-page: #f8fafc;
  --eb-bg-card: #ffffff;
  --eb-bg-sidebar: #ffffff;
  --eb-bg-hover: #f1f5f9;

  /* Success */
  --eb-success-700: #15803d;
  --eb-success-500: #16a34a;
  --eb-success-100: #dcfce7;

  /* Warning */
  --eb-warning-700: #a16207;
  --eb-warning-500: #f59e0b;
  --eb-warning-100: #fef3c7;

  /* Danger */
  --eb-danger-800: #991b1b;
  --eb-danger-700: #b91c1c;
  --eb-danger-600: #dc2626;
  --eb-danger-500: #dc2626;
  --eb-danger-300: #fca5a5;
  --eb-danger-100: #fee2e2;
  --eb-danger-50: #fef2f2;

  /* Info */
  --eb-info-700: #0369a1;
  --eb-info-500: #0284c7;
  --eb-info-100: #e0f2fe;

  /* Accents */
  --eb-accent-gold: #facc15;
  --eb-accent-purple: #8b5cf6;
  --eb-accent-teal: var(--eb-primary-500);

  /* Borders */
  --eb-border-default: #e5e7eb;
  --eb-border-strong: #cbd5e1;
  --eb-border-focus: #2563eb;

  /* Radius */
  --eb-radius-sm: 0.25rem;
  --eb-radius-md: 0.375rem;
  --eb-radius-lg: 0.5rem;
  --radius-sm: var(--eb-radius-sm);
  --radius-md: var(--eb-radius-md);
  --radius-lg: var(--eb-radius-lg);

  /* Shadows */
  --eb-shadow-sm: 0 1px 2px rgba(0,0,0,.05);
  --eb-shadow-md: 0 4px 12px rgba(0,0,0,.08);
  --eb-shadow-lg: 0 10px 30px rgba(0,0,0,.12);

  /* Ratings */
  --eb-rating-star: #fbbf24;
  --eb-rating-muted: var(--eb-gray-500);

  /* Disabled */
  --eb-disabled-bg: #f1f5f9;
  --eb-disabled-text: #94a3b8;
  --eb-disabled-border: #e5e7eb;

  /* Buttons */
  --eb-btn-primary-bg: var(--eb-primary-700);
  --eb-btn-primary-text: #ffffff;
  --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-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-500);
  --eb-btn-success-text: #ffffff;
  --eb-btn-success-border: var(--eb-success-500);
  --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-500);
  --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-500);
  --eb-btn-info-text: #ffffff;
  --eb-btn-info-border: var(--eb-info-500);
  --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-500);
  --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: #ffffff;
  --eb-btn-dark-border: var(--eb-gray-900);
  --eb-btn-dark-hover-bg: #0b1220;

  --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-500);
  --eb-btn-danger-text: #ffffff;
  --eb-btn-danger-border: var(--eb-danger-500);
  --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-500);
  --eb-btn-outline-danger-hover-bg: var(--eb-danger-100);

  /* Wishlist */
  --eb-wishlist-bg: #ffffff;
  --eb-wishlist-border: #dee2e6;
  --eb-wishlist-text: #6b7280;
  --eb-wishlist-hover-text: #1d4ed8;
  --eb-wishlist-active-text: var(--eb-primary-700);
  --eb-wishlist-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
  --eb-wishlist-wrapper-shadow: 0 4px 10px rgba(0,0,0,.12);

  /* Item Card */
  --eb-item-card-bg: var(--eb-bg-card);
  --eb-item-card-sold-bg: var(--eb-bg-page);
  --eb-item-card-sold-text: #f1f1f1;
  --eb-item-card-sold-price: var(--eb-gray-900);

  --eb-item-badge-expert-bg: #eaf7e9;
  --eb-item-badge-expert-border: #a7d7a3;
  --eb-item-badge-expert-text: #1f8a46;
  --eb-item-expert-initials-bg: #d8efda;
  --eb-item-expert-initials-text: #2c7a3f;
  --eb-item-badge-sold-bg: #ef4444;
  --eb-item-badge-sold-text: #ffffff;

  --eb-item-image-bg: #f4f6f8;
  --eb-item-placeholder-text: #bbb;

  --eb-item-seller-text: var(--eb-gray-500);
  --eb-item-seller-avatar-bg: var(--eb-primary-700);
  --eb-item-seller-avatar-text: #ffffff;
  --eb-item-seller-name-text: var(--eb-gray-500);
  --eb-item-seller-verified-text: var(--eb-primary-700);

  --eb-item-expert-line-text: #0f6f3c;
  --eb-item-expert-meta-text: #475569;
  --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: #475569;

  --eb-item-tooltip-bg: var(--eb-gray-900);
  --eb-item-tooltip-text: #ffffff;
  --eb-item-tooltip-arrow: var(--eb-gray-900);

  --eb-item-carousel-control-bg: #111;
  --eb-item-carousel-control-text: #ffffff;
  --eb-item-swiper-nav-bg: rgba(17, 17, 17, 0.85);
  --eb-item-swiper-nav-text: #ffffff;
  --eb-item-swiper-nav-shadow: 0 6px 16px rgba(0,0,0,0.2);

  /* 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-500);
  --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-600);
  --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-600);
  --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 rgba(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 rgba(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-600);
  --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-600);
  --eb-view-toggle-active-text: var(--eb-white);
  --eb-view-toggle-active-border: var(--eb-primary-600);

  /* 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);

  /* Stories */
  --eb-story-link-text: #374151;
  --eb-story-link-border: #e5e7eb;
  --eb-story-link-bg: #ffffff;
  --eb-story-link-hover-border: #c7d2fe;
  --eb-story-link-hover-text: #1f2937;
  --eb-story-link-active-border: #1d4ed8;
  --eb-story-link-active-text: #1d4ed8;
  --eb-story-link-active-bg: #eff6ff;
  --eb-story-card-border: #e5e7eb;
  --eb-story-category-text: #6b7280;
  --eb-story-title-text: #111827;
  --eb-story-title-hover-text: #1d4ed8;
  --eb-story-excerpt-text: #4b5563;
  --eb-story-meta-text: #6b7280;
  --eb-story-cta-text: #1d4ed8;
  --eb-story-content-text: #111827;
  --eb-story-trust-bg: #f8fafc;
  --eb-story-trust-text: #374151;
  --eb-story-pagination-text: #1f2937;
  --eb-story-pagination-border: #e5e7eb;
  --eb-story-pagination-bg: #ffffff;
  --eb-story-pagination-disabled-text: #9ca3af;

  /* Categories */
  --eb-cat-bg: var(--eb-category-card-bg);
  --eb-cat-bg2: var(--eb-category-card-bg2);
  --eb-cat-border: transparent;
  --eb-cat-accent: var(--eb-accent-teal);
  --eb-category-font-heading: inherit;
  --eb-category-font-body: inherit;
  --eb-category-card-bg: #f7f7fb;
  --eb-category-card-bg2: #eef1f7;
  --eb-category-card-shine-1: rgba(255, 255, 255, 0.7);
  --eb-category-card-shine-1-end: rgba(255, 255, 255, 0);
  --eb-category-card-shine-2: rgba(255, 255, 255, 0.45);
  --eb-category-card-shine-2-end: rgba(255, 255, 255, 0);
  --eb-category-card-inset: rgba(255, 255, 255, 0.6);
  --eb-category-icon-border: rgba(255, 255, 255, 0.8);
  --eb-category-icon-shadow: 0 4px 10px rgba(20, 40, 80, 0.12);
  --eb-category-icon-inset: inset 0 0 0 1px rgba(255, 255, 255, 0.55);

  /* Chat */
  --eb-chat-page-bg: #f8f9fa;
  --eb-chat-bubble-buyer-bg: #e0f2fe;
  --eb-chat-bubble-buyer-text: #0f172a;
  --eb-chat-bubble-buyer-border: #bae6fd;
  --eb-chat-bubble-seller-bg: #ffffff;
  --eb-chat-bubble-seller-border: #dee2e6;
  --eb-chat-container-bg: #ffffff;
  --eb-chat-header-bg: #1d4ed8;
  --eb-chat-header-text: #ffffff;
  --eb-chat-footer-bg: #ffffff;
  --eb-chat-footer-border: #dee2e6;

  /* Compose Modal */
  --eb-compose-border: #e6e9ee;
  --eb-compose-shadow: 0 14px 30px rgba(17, 24, 39, 0.12);
  --eb-compose-header-border: #eef1f5;
  --eb-compose-header-bg: #f8fafc;
  --eb-compose-label-text: #4b5563;
  --eb-compose-footer-border: #eef1f5;

  /* 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: rgba(37, 99, 235, 0.12);

  /* Inbox */
  --eb-inbox-hover-bg: #f7faff;
  --eb-inbox-badge-bg: var(--eb-white);
  --eb-inbox-badge-text: var(--eb-gray-700);
  --eb-inbox-badge-buyer-bg: #eef2ff;
  --eb-inbox-badge-buyer-text: #4338ca;
  --eb-inbox-badge-seller-bg: #ecfeff;
  --eb-inbox-badge-seller-text: #0f766e;

  /* Experts */
  --eb-expert-section-bg-bottom: #eef4ff;
  --eb-expert-modal-image-bg: #000000;

  /* Auth */
  --eb-auth-brand-accent: var(--eb-primary-700);

  /* Button Focus/Spinner */
  --eb-btn-focus-ring-inner: #ffffff;
  --eb-btn-spinner-border: rgba(255, 255, 255, 0.4);
  --eb-btn-spinner-top: #ffffff;

  /* 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);

  /* Home Page (reserved) */
  --eb-home-hero-bg: var(--eb-bg-page);
  --eb-home-hero-text: var(--eb-gray-900);
  --eb-home-hero-subtext: var(--eb-gray-700);

  /* Listing Page (reserved) */
  --eb-listing-header-bg: var(--eb-bg-page);
  --eb-listing-header-text: var(--eb-gray-900);
  --eb-listing-header-subtext: var(--eb-gray-700);

  /* Dashboard Page (reserved) */
  --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 specific */
  --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: rgba(15, 23, 42, 0.6);
  --eb-banner-overlay-light: rgba(255, 255, 255, 0.75);
  --eb-banner-overlay-mobile: rgba(255, 255, 255, 0.6);

  --eb-banner-height-lg: 360px;
  --eb-banner-height-md: 280px;
  --eb-banner-height-sm: 200px;
}