/* ==========================================================================
   Mobio Technologies — Design Tokens & Variables
   ========================================================================== */

:root {
  --bg-primary: #0a0a12; /* page background, near-black w/ purple tint */
  --bg-panel: #12091f;   /* section panel background, deep purple-black */
  --bg-card: #170f26;    /* card / row background */
  --border-subtle: #2a2038; /* 1px borders on cards, pills, dividers */

  --text-heading: #ffffff;
  --text-body: #c9c3d6;    /* muted lavender-gray body text */
  --text-highlight: #f5b83d; /* yellow/orange subheadline & tagline text */

  --accent-yellow: #f5b83d;  /* primary CTA fill ("Call Now -It's Free") */
  --accent-yellow-text: #14100a;
  --accent-green: #22c55e;   /* WhatsApp CTA fill */
  --accent-green-text: #06220f;
  --accent-purple: #8b5cf6;  /* secondary CTA fill */
  --accent-purple-text: #ffffff;
  --accent-red: #ef4444;     /* "Visit Us Today" contact button */
  --accent-blue: #5b8def;    /* stat numbers */

  --badge-bg: rgba(139, 92, 246, 0.12);
  --badge-border: rgba(139, 92, 246, 0.4);
  --badge-text: #b9a6f7;

  /* Straight sides on buttons as requested */
  --radius-btn: 0px;
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 14px;

  --font-heading: 'Poppins', 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;

  --header-height: 62px;
  --sidebar-width: 54px;
  --sidebar-expanded-width: 250px;
  --container-max: 1360px;

  --transition-fast: 150ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 250ms cubic-bezier(0.16, 1, 0.3, 1);
}