/* ==========================================================================
   RA Market — Brand Design Tokens & Custom Stylesheet
   Rural & Agricultural Market Delivery Platform (Hyderabad)
   100% Local Styling
   ========================================================================== */

:root {
  /* Logo-Derived Brand Colors */
  --brand-primary: #0F5132;        /* Rich Forest Green (fields/trees) */
  --brand-accent: #E85023;         /* Terracotta Sunrise Orange (sun element) */
  --brand-accent-hover: #D04116;   /* Deep Terracotta for hover states */
  --brand-secondary: #86BD64;      /* Sprout / Sage Green (lower field) */
  --brand-dark: #0A2B23;           /* Deep Spruce / Charcoal Green (base road) */
  
  /* Backgrounds & Canvas */
  --bg-cream: #FDF6ED;             /* Warm Sand / Warm Cream (logo circular ground) */
  --bg-card: #FFFFFF;              /* Pure white for card elevation */
  --bg-card-dark: #071E18;         /* Deep container dark slate */
  
  /* Text & Accents */
  --text-primary: #0E231F;         /* Deep Forest Slate (from logo wordmark) */
  --text-muted: #5C6E67;           /* Balanced soft olive-slate */
  --text-on-dark: #FDF6ED;         /* Creamy warm white for dark surfaces */
  --border-light: rgba(15, 81, 50, 0.12); /* Subtle green-tinted structural borders */
  --border-dark: rgba(134, 189, 100, 0.2);
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: var(--text-primary);
  background-color: var(--bg-cream);
}

h1, h2, h3, h4, .font-heading {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: -0.03em;
}

.badge-tag, .stat-label {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.75rem;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 9px;
}
::-webkit-scrollbar-track {
  background: #f6eedf;
}
::-webkit-scrollbar-thumb {
  background: #0F5132;
  border-radius: 4px;
}

/* Warehouse & Logistics Animation Utilities */
@keyframes boxBob1 {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-4px); }
}
@keyframes boxBob2 {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-3px); }
}
@keyframes boxBob3 {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-6px); }
}

.animate-box-1 { animation: boxBob1 3.2s ease-in-out infinite; will-change: transform; }
.animate-box-2 { animation: boxBob2 3.8s ease-in-out 0.4s infinite; will-change: transform; }
.animate-box-3 { animation: boxBob3 4.2s ease-in-out 0.8s infinite; will-change: transform; }
.animate-shelf-box-1 { animation: boxBob2 4.5s ease-in-out 1.2s infinite; will-change: transform; }
.animate-shelf-box-2 { animation: boxBob1 4s ease-in-out 0.6s infinite; will-change: transform; }