@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: #00d4ff;
  --primary-color: #00d4ff;
  --primary-rgb: 0, 0, 0;
  --accent: #a855f7;
  --accent-color: #a855f7;
  --accent-rgb: 0, 0, 0;
  --secondary: #00d4ff;
  --secondary-color: #00d4ff;
  --secondary-rgb: 0, 0, 0;
  --bg: #0b0e14;
  --bg-color: #0b0e14;
  --bg-rgb: 0, 0, 0;
  --surface: #111820;
  --surface-color: #111820;
  --surface-rgb: 0, 0, 0;
  --text: #e8edf3;
  --text-color: #e8edf3;
  --text-rgb: 0, 0, 0;
  --success: #00ff88;
  --success-color: #00ff88;
  --success-rgb: 0, 0, 0;
  --warning: #ffa502;
  --warning-color: #ffa502;
  --warning-rgb: 0, 0, 0;
  --info: #38bdf8;
  --info-color: #38bdf8;
  --info-rgb: 0, 0, 0;
  --error: #ff4757;
  --error-color: #ff4757;
  --error-rgb: 0, 0, 0;
  --text-muted: #000000;
  --text-muted-color: #000000;
  --text-muted-rgb: 0, 0, 0;
  --border: #243044;
  --border-color: #243044;
  --border-rgb: 0, 0, 0;
  --accent-hover: #000000;
  --accent-hover-color: #000000;
  --accent-hover-rgb: 0, 0, 0;
  --text-hover: #000000;
  --text-hover-color: #000000;
  --text-hover-rgb: 0, 0, 0;
  --white: #ffffff;
  --white-color: #ffffff;
  --white-rgb: 0, 0, 0;
  --black: #000000;
  --black-color: #000000;
  --black-rgb: 0, 0, 0;
  --whatsapp_color: #25d366;
  --whatsapp_color-color: #25d366;
  --whatsapp_color-rgb: 0, 0, 0;
  --messenger_color: #0084ff;
  --messenger_color-color: #0084ff;
  --messenger_color-rgb: 0, 0, 0;
  --primary-color: #00d4ff;
  --secondary-color: #00d4ff;
  --accent-color: #a855f7;
  --bg-color: #0b0e14;
  --surface-color: #111820;
  --text-main: #e8edf3;
  --text-color: #e8edf3;
  --text-muted: #000000;
  --border-color: #243044;
  --success-color: #00ff88;
  --warning-color: #ffa502;
  --error-color: #ff4757;
  --info-color: #38bdf8;
  --whatsapp-color: #25d366;
  --messenger-color: #0084ff;
  --surface-light: #111820;
  --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;
}