@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --primary: #8b5cf6;
  --primary-color: #8b5cf6;
  --primary-rgb: 139, 92, 246;
  --accent: #f97316;
  --accent-color: #f97316;
  --accent-rgb: 249, 115, 22;
  --secondary: #f97316;
  --secondary-color: #f97316;
  --secondary-rgb: 249, 115, 22;
  --bg: #f8fafc;
  --bg-color: #f8fafc;
  --bg-rgb: 248, 250, 252;
  --surface: #ffffff;
  --surface-color: #ffffff;
  --surface-rgb: 255, 255, 255;
  --text: #0f172a;
  --text-color: #0f172a;
  --text-rgb: 15, 23, 42;
  --success: #10b981;
  --success-color: #10b981;
  --success-rgb: 16, 185, 129;
  --warning: #f59e0b;
  --warning-color: #f59e0b;
  --warning-rgb: 245, 158, 11;
  --info: #3b82f6;
  --info-color: #3b82f6;
  --info-rgb: 59, 130, 246;
  --error: #ef4444;
  --error-color: #ef4444;
  --error-rgb: 239, 68, 68;
  --text-muted: #64748b;
  --text-muted-color: #64748b;
  --text-muted-rgb: 100, 116, 139;
  --border: rgb(249, 115, 22);
  --border-color: rgb(249, 115, 22);
  --border-rgb: 249, 115, 22;
  --accent-hover: #7c3aed;
  --accent-hover-color: #7c3aed;
  --accent-hover-rgb: 124, 58, 237;
  --text-hover: #ffffff;
  --text-hover-color: #ffffff;
  --text-hover-rgb: 255, 255, 255;
  --white: #ffffff;
  --white-color: #ffffff;
  --white-rgb: 255, 255, 255;
  --black: #000000;
  --black-color: #000000;
  --black-rgb: 0, 0, 0;
  --whatsapp_color: #25d366;
  --whatsapp_color-color: #25d366;
  --whatsapp_color-rgb: 37, 211, 102;
  --messenger_color: #0084FF;
  --messenger_color-color: #0084FF;
  --messenger_color-rgb: 0, 132, 255;
  --primary-color: #8b5cf6;
  --secondary-color: #f97316;
  --accent-color: #f97316;
  --bg-color: #f8fafc;
  --surface-color: #ffffff;
  --text-main: #0f172a;
  --text-color: #0f172a;
  --text-muted: #64748b;
  --border-color: rgb(249, 115, 22);
  --success-color: #10b981;
  --warning-color: #f59e0b;
  --error-color: #ef4444;
  --info-color: #3b82f6;
  --whatsapp-color: #25d366;
  --messenger-color: #0084FF;
  --surface-light: #ffffff;
  --font-main: 'Cairo', sans-serif;
  --font-secondary: 'Inter', sans-serif;
  --font-size-base: 16px;
  --store-logo-height: 40px;
  --border-radius: 12px;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
}
body { font-family: var(--font-main); font-size: var(--font-size-base); }
.store-logo { height: var(--store-logo-height); width: auto; object-fit: contain; }

/* Global Object Overrides */
.btn-primary, .btn-secondary, .btn-claude, button[class*='btn-'] {
  border-radius: var(--border-radius) !important;
  box-shadow: var(--shadow-sm);
}
.product-card, .category-card, .review-card, .card-claude, div[class*='card-'] {
  border-radius: var(--border-radius) !important;
  box-shadow: var(--shadow-md);
  overflow: hidden;
}
input, textarea, select {
  border-radius: calc(var(--border-radius) / 2) !important;
}