/**
 * Theme: Neumorphic Soft 3D
 * Distinct Architectural Layout & Design Language
 */

:root {
  --primary: #4f46e5;
  --primary-hover: #4338ca;
  --primary-glow: #4f46e540;
  --brand-color: #4f46e5;
  
  --bg-body: #e0e5ec;
  --bg-card: #e0e5ec;
  --bg-subbar: #e0e5ec;
  --bg-hover: #4f46e515;
  --bg-input: #e0e5ec;
  --bg-footer: #e0e5ec;
  
  --text-main: #2d3748;
  --text-secondary: #4a5568;
  --text-muted: #94a3b8;
  --text-footer: #4a5568;
  --text-footer-link: #4f46e5;
  
  --border-color: #d1d9e6;
  
  --hero-gradient: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
  --btn-download-bg: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
  --btn-download-hover: linear-gradient(135deg, #4338ca 0%, #4f46e5 100%);
  
  --btn-playstore-bg: #e0e5ec;
  --btn-playstore-border: #d1d9e6;
  --btn-playstore-color: #2d3748;
  --btn-playstore-hover: #4f46e5;
}


/* Tactile Neumorphic 3D Structure */
.app-card {
  background: #e0e5ec !important;
  border: none !important;
  border-radius: 20px !important;
  box-shadow: 6px 6px 12px #bec8d4, -6px -6px 12px #ffffff !important;
}
.app-card:hover {
  box-shadow: inset 4px 4px 8px #bec8d4, inset -4px -4px 8px #ffffff !important;
}
.section-box {
  background: #e0e5ec !important;
  border: none !important;
  border-radius: 24px !important;
  box-shadow: 8px 8px 18px #bec8d4, -8px -8px 18px #ffffff !important;
}
.btn-direct-download {
  box-shadow: 5px 5px 10px #bec8d4, -5px -5px 10px #ffffff !important;
  border: none !important;
}
.cat-pill {
  background: #e0e5ec !important;
  border: none !important;
  box-shadow: 3px 3px 6px #bec8d4, -3px -3px 6px #ffffff !important;
}