/* ==========================================================================
   ZingoDine Unified Design System - zingotheme.css
   Author: Newotion IT Solutions LTD
   Product: ZingoDine Multi-App Ecosystem
   Applies to: Branding, CRM (Partner), and API Developer Portal
   ========================================================================== */

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

:root {
  /* Brand Core Palette */
  --zingo-orange: #ff5722;
  --zingo-orange-hover: #e64a19;
  --zingo-orange-light: #fff0eb;
  --zingo-orange-gradient: linear-gradient(135deg, #ff5722 0%, #ff7043 100%);
  
  --zingo-navy: #0f0d1d;
  --zingo-navy-light: #1c1930;
  --zingo-navy-border: #2a2649;
  
  --zingo-blue: #3c72fc;
  --zingo-blue-hover: #295be0;
  --zingo-blue-light: #ebf1ff;
  --zingo-blue-gradient: linear-gradient(135deg, #3c72fc 0%, #1e53db 100%);
  
  --zingo-hero-gradient: linear-gradient(135deg, #0f0d1d 0%, #1c1930 45%, #ff5722 100%);
  --zingo-hero-alt-gradient: linear-gradient(135deg, #0f0d1d 0%, #182245 50%, #3c72fc 100%);

  /* Neutrals & Surfaces */
  --zingo-bg-light: #f8fafc;
  --zingo-card-bg: #ffffff;
  --zingo-border: #e2e8f0;
  --zingo-text-dark: #0f172a;
  --zingo-text-body: #334155;
  --zingo-text-muted: #64748b;

  /* Typography */
  --zingo-font: 'Kumbh Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

body {
  font-family: var(--zingo-font) !important;
  color: var(--zingo-text-body);
}

/* Primary Button Theming */
.btn-primary,
.btn-zingo {
  background-color: var(--zingo-orange) !important;
  border-color: var(--zingo-orange) !important;
  color: #ffffff !important;
  font-family: var(--zingo-font);
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.2s ease-in-out;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-zingo:hover,
.btn-zingo:focus {
  background-color: var(--zingo-orange-hover) !important;
  border-color: var(--zingo-orange-hover) !important;
  box-shadow: 0 4px 14px rgba(255, 87, 34, 0.35) !important;
  transform: translateY(-1px);
}

/* Secondary Button Theming */
.btn-secondary-zingo,
.btn-outline-primary {
  color: var(--zingo-orange) !important;
  border-color: var(--zingo-orange) !important;
  background-color: transparent !important;
  font-family: var(--zingo-font);
  font-weight: 600;
  border-radius: 8px;
}

.btn-outline-primary:hover {
  background-color: var(--zingo-orange) !important;
  color: #ffffff !important;
}

/* Navy & Dark Sections */
.bg-zingo-navy {
  background-color: var(--zingo-navy) !important;
  color: #ffffff;
}

.bg-zingo-navy-light {
  background-color: var(--zingo-navy-light) !important;
}

/* Hero Section Theming */
.hero-section,
.zingo-hero {
  background: var(--zingo-hero-gradient) !important;
  color: #ffffff !important;
}

/* Links & Text Highlights */
a.text-zingo,
.text-zingo,
.text-primary {
  color: var(--zingo-orange) !important;
}

a.text-zingo:hover,
a.text-primary:hover {
  color: var(--zingo-orange-hover) !important;
}

.bg-primary {
  background-color: var(--zingo-orange) !important;
}

.border-primary {
  border-color: var(--zingo-orange) !important;
}

/* Active Nav & Badges */
.nav-pills .nav-link.active,
.badge-zingo {
  background-color: var(--zingo-orange) !important;
  color: #ffffff !important;
}

.badge-zingo-navy {
  background-color: var(--zingo-navy) !important;
  color: #ffffff !important;
}