/* Theme Color Overrides */
:root {
  /* Brand Colors */
  --tp-theme-primary: #4A49FF !important;    /* Primary Brand Color - Muted Blue/Purple */
  --tp-theme-secondary: #6B7280 !important;  /* Secondary Text - Cool Gray */
  --tp-theme-accent: #FF6B00 !important;     /* Accent/CTA - Soft Orange */
  --tp-theme-success: #28C76F !important;    /* Success - Soft Green */
  --tp-theme-error: #F14646 !important;      /* Error - Soft Red */
  
  /* Background Colors */
  --tp-common-white: #FFFFFF !important;     /* Main Background - Pure White */
  --tp-common-black: #1E1E1E !important;     /* Primary Text - Dark Charcoal */
  
  /* Text Colors */
  --tp-heading-primary: #1E1E1E !important;   /* Primary Text */
  --tp-heading-secondary: #6B7280 !important; /* Secondary Text */
  --tp-text-body: #1E1E1E !important;
  --tp-text-1: #6B7280 !important;
  --tp-text-2: #1E1E1E !important;
  --tp-text-3: #6B7280 !important;
  
  /* UI Elements */
  --tp-grey-1: #FFFFFF !important;           /* Background White */
  --tp-grey-2: #E5E7EB !important;          /* Disabled Elements */
  --tp-grey-3: #D1D5DB !important;          /* Borders/Dividers */
  --tp-grey-4: #6B7280 !important;          /* Secondary Text */
  
  /* Border Colors */
  --tp-border-primary: #D1D5DB !important;   /* Light Border Gray */
  --tp-border-secondary: #E5E7EB !important; /* Lighter Border */
}

/* Button Styles */
.tp-btn {
  background: var(--tp-theme-accent);
  color: var(--tp-common-white);
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-weight: 600;
  box-shadow: 0 4px 6px rgba(255, 107, 0, 0.2);
  transition: all 0.3s ease;
}

.tp-btn:hover {
  background: var(--tp-theme-accent);
  opacity: 0.9;
  transform: translateY(-2px);
}

.tp-btn-secondary {
  background: var(--tp-theme-secondary);
}

/* Card Styles */
.tp-product-card {
  background: var(--tp-common-white);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}

.tp-product-card:hover {
  border-color: var(--tp-theme-primary);
  box-shadow: 0 15px 30px rgba(138, 79, 255, 0.15);
}

/* Navigation Styles */
.tp-header-nav {
  background: var(--tp-common-white);
  box-shadow: 0 1px 3px rgba(138, 79, 255, 0.1);
}

.tp-header-nav a {
  color: var(--tp-text-2);
  transition: color 0.2s ease;
}

.tp-header-nav a:hover,
.tp-header-nav a.active {
  color: var(--tp-theme-primary);
}

/* Section Titles */
.section-title h2 {
  color: var(--tp-heading-primary);
  position: relative;
}

.section-title h2::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 60px;
  height: 4px;
  background: var(--tp-theme-primary);
  border-radius: 2px;
}

/* Footer Styles */
.tp-footer {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}

.tp-footer-link {
  color: var(--tp-text-1);
  transition: color 0.2s ease;
}

.tp-footer-link:hover {
  color: var(--tp-theme-primary);
}

/* Form Elements */
.tp-input {
  border: 1px solid var(--tp-border-primary);
  background: var(--tp-common-white);
}

.tp-input:focus {
  border-color: var(--tp-theme-primary);
  box-shadow: 0 0 0 3px rgba(74, 73, 255, 0.1);
}

/* Badges */
.tp-badge {
  background: rgba(74, 73, 255, 0.1);
  color: var(--tp-theme-primary);
}

.tp-badge-primary {
  background: rgba(138, 79, 255, 0.1);
  color: var(--tp-theme-primary);
}

.tp-badge-success {
  background: rgba(40, 199, 111, 0.1);
  color: var(--tp-theme-success);
}

.tp-badge-warning {
  background: rgba(246,173,85,0.1);
  color: var(--tp-yellow-1);
}

.tp-badge-error {
  background: rgba(241, 70, 70, 0.1);
  color: var(--tp-theme-error);
}

/* Header Top Bar */
.tp-header-top {
  background-color: var(--tp-theme-primary) !important;
}

/* Mobile Header */
.tp-header-mobile {
  background-color: #4A49FF !important;
  background: #4A49FF !important;
}

/* Override any other background colors */
.bg-primary.tp-header-top {
  background-color: #4A49FF !important;
  background: #4A49FF !important;
}

/* Search Bar */
.tp-header-search-wrapper {
  border-color: var(--tp-theme-primary);
  background: var(--tp-common-white);
}

.tp-header-search-btn {
  background: var(--tp-theme-primary);
  color: var(--tp-common-white);
}

/* Category Menu */
.tp-category-menu {
  border-top: 3px solid var(--tp-theme-primary) !important;
}

.tp-product-badge {
  background: var(--tp-theme-primary);
}

.tp-product-price {
  color: var(--tp-theme-accent) !important;
}

/* Links */
a {
  color: var(--tp-theme-primary);
}

a:hover {
  color: var(--tp-theme-primary);
  opacity: 0.9;
}

/* Mobile Menu */
.tp-mobile-menu {
  background: var(--tp-theme-primary);
}

/* Cart Badge */
.tp-header-action-badge {
  background: var(--tp-theme-primary) !important;
}

/* Progress Bars */
.progress-bar {
  background-color: var(--tp-theme-primary);
}

/* Slider Navigation */
.tp-slider-button-prev:hover,
.tp-slider-button-next:hover {
  background: var(--tp-theme-primary);
}

/* Disabled States */
.tp-btn:disabled,
.tp-btn.disabled {
  background: var(--tp-grey-2);
  color: var(--tp-text-3);
  cursor: not-allowed;
}

/* Success Messages */
.tp-success {
  color: var(--tp-theme-success);
}

/* Error Messages */
.tp-error {
  color: var(--tp-theme-error);
}

/* Headers and Text */
h1, h2, h3, h4, h5, h6 {
  color: var(--tp-heading-primary);
}

.tp-text-secondary {
  color: var(--tp-heading-secondary);
}

/* Cart and Action Buttons */
.tp-cart-btn {
  background: var(--tp-theme-accent);
}