/* HealthDesk IT - Tailwind JIT Compatibility Layer
   Purpose: Replace Tailwind CDN runtime (cdn.tailwindcss.com) with static CSS for production.
   This file provides ONLY the custom/JIT utilities used in HTML (primary/accent palette, /opacity shortcuts,
   a few custom animations, and a small number of arbitrary utilities).
*/
:root{
  --hd-primary-50:#eff6ff;
  --hd-primary-100:#dbeafe;
  --hd-primary-200:#bfdbfe;
  --hd-primary-300:#93c5fd;
  --hd-primary-400:#60a5fa;
  --hd-primary-500:#3b82f6;
  --hd-primary-600:#2563eb;
  --hd-primary-700:#1d4ed8;
  --hd-primary-800:#1e40af;
  --hd-primary-900:#1e3a8a;

  --hd-accent-50:#ecfdf5;
  --hd-accent-100:#d1fae5;
  --hd-accent-200:#a7f3d0;
  --hd-accent-400:#34d399;
  --hd-accent-500:#10b981;
  --hd-accent-600:#059669;
  --hd-accent-700:#047857;

  --hd-green-500:#22c55e;
}

/* Font family overrides (keeps your design typography without Tailwind CDN config) */
.font-sans{
  font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji";
}
.font-display{
  font-family:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji";
}

/* Custom color utilities: background/text/border */

.bg-primary-50{background-color:var(--hd-primary-50);}
.text-primary-50{color:var(--hd-primary-50);}
.border-primary-50{border-color:var(--hd-primary-50);}

.from-primary-50{--tw-gradient-from:var(--hd-primary-50) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}

.to-primary-50{--tw-gradient-to:var(--hd-primary-50) var(--tw-gradient-to-position);}

.via-primary-50{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--hd-primary-50) var(--tw-gradient-via-position),var(--tw-gradient-to);}

.bg-primary-100{background-color:var(--hd-primary-100);}
.text-primary-100{color:var(--hd-primary-100);}
.border-primary-100{border-color:var(--hd-primary-100);}

.from-primary-100{--tw-gradient-from:var(--hd-primary-100) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}

.to-primary-100{--tw-gradient-to:var(--hd-primary-100) var(--tw-gradient-to-position);}

.via-primary-100{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--hd-primary-100) var(--tw-gradient-via-position),var(--tw-gradient-to);}

.bg-primary-200{background-color:var(--hd-primary-200);}
.text-primary-200{color:var(--hd-primary-200);}
.border-primary-200{border-color:var(--hd-primary-200);}

.from-primary-200{--tw-gradient-from:var(--hd-primary-200) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}

.to-primary-200{--tw-gradient-to:var(--hd-primary-200) var(--tw-gradient-to-position);}

.via-primary-200{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--hd-primary-200) var(--tw-gradient-via-position),var(--tw-gradient-to);}

.bg-primary-300{background-color:var(--hd-primary-300);}
.text-primary-300{color:var(--hd-primary-300);}
.border-primary-300{border-color:var(--hd-primary-300);}

.from-primary-300{--tw-gradient-from:var(--hd-primary-300) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}

.to-primary-300{--tw-gradient-to:var(--hd-primary-300) var(--tw-gradient-to-position);}

.via-primary-300{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--hd-primary-300) var(--tw-gradient-via-position),var(--tw-gradient-to);}

.bg-primary-400{background-color:var(--hd-primary-400);}
.text-primary-400{color:var(--hd-primary-400);}
.border-primary-400{border-color:var(--hd-primary-400);}

.from-primary-400{--tw-gradient-from:var(--hd-primary-400) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}

.to-primary-400{--tw-gradient-to:var(--hd-primary-400) var(--tw-gradient-to-position);}

.via-primary-400{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--hd-primary-400) var(--tw-gradient-via-position),var(--tw-gradient-to);}

.bg-primary-500{background-color:var(--hd-primary-500);}
.text-primary-500{color:var(--hd-primary-500);}
.border-primary-500{border-color:var(--hd-primary-500);}

.from-primary-500{--tw-gradient-from:var(--hd-primary-500) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}

.to-primary-500{--tw-gradient-to:var(--hd-primary-500) var(--tw-gradient-to-position);}

.via-primary-500{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--hd-primary-500) var(--tw-gradient-via-position),var(--tw-gradient-to);}

.bg-primary-600{background-color:var(--hd-primary-600);}
.text-primary-600{color:var(--hd-primary-600);}
.border-primary-600{border-color:var(--hd-primary-600);}

.from-primary-600{--tw-gradient-from:var(--hd-primary-600) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}

.to-primary-600{--tw-gradient-to:var(--hd-primary-600) var(--tw-gradient-to-position);}

.via-primary-600{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--hd-primary-600) var(--tw-gradient-via-position),var(--tw-gradient-to);}

.bg-primary-700{background-color:var(--hd-primary-700);}
.text-primary-700{color:var(--hd-primary-700);}
.border-primary-700{border-color:var(--hd-primary-700);}

.from-primary-700{--tw-gradient-from:var(--hd-primary-700) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}

.to-primary-700{--tw-gradient-to:var(--hd-primary-700) var(--tw-gradient-to-position);}

.via-primary-700{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--hd-primary-700) var(--tw-gradient-via-position),var(--tw-gradient-to);}

.bg-primary-800{background-color:var(--hd-primary-800);}
.text-primary-800{color:var(--hd-primary-800);}
.border-primary-800{border-color:var(--hd-primary-800);}

.from-primary-800{--tw-gradient-from:var(--hd-primary-800) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}

.to-primary-800{--tw-gradient-to:var(--hd-primary-800) var(--tw-gradient-to-position);}

.via-primary-800{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--hd-primary-800) var(--tw-gradient-via-position),var(--tw-gradient-to);}

.bg-primary-900{background-color:var(--hd-primary-900);}
.text-primary-900{color:var(--hd-primary-900);}
.border-primary-900{border-color:var(--hd-primary-900);}

.from-primary-900{--tw-gradient-from:var(--hd-primary-900) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}

.to-primary-900{--tw-gradient-to:var(--hd-primary-900) var(--tw-gradient-to-position);}

.via-primary-900{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--hd-primary-900) var(--tw-gradient-via-position),var(--tw-gradient-to);}

.bg-accent-50{background-color:var(--hd-accent-50);}
.text-accent-50{color:var(--hd-accent-50);}
.border-accent-50{border-color:var(--hd-accent-50);}

.from-accent-50{--tw-gradient-from:var(--hd-accent-50) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}

.to-accent-50{--tw-gradient-to:var(--hd-accent-50) var(--tw-gradient-to-position);}

.via-accent-50{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--hd-accent-50) var(--tw-gradient-via-position),var(--tw-gradient-to);}

.bg-accent-100{background-color:var(--hd-accent-100);}
.text-accent-100{color:var(--hd-accent-100);}
.border-accent-100{border-color:var(--hd-accent-100);}

.from-accent-100{--tw-gradient-from:var(--hd-accent-100) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}

.to-accent-100{--tw-gradient-to:var(--hd-accent-100) var(--tw-gradient-to-position);}

.via-accent-100{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--hd-accent-100) var(--tw-gradient-via-position),var(--tw-gradient-to);}

.bg-accent-200{background-color:var(--hd-accent-200);}
.text-accent-200{color:var(--hd-accent-200);}
.border-accent-200{border-color:var(--hd-accent-200);}

.from-accent-200{--tw-gradient-from:var(--hd-accent-200) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}

.to-accent-200{--tw-gradient-to:var(--hd-accent-200) var(--tw-gradient-to-position);}

.via-accent-200{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--hd-accent-200) var(--tw-gradient-via-position),var(--tw-gradient-to);}

.bg-accent-400{background-color:var(--hd-accent-400);}
.text-accent-400{color:var(--hd-accent-400);}
.border-accent-400{border-color:var(--hd-accent-400);}

.from-accent-400{--tw-gradient-from:var(--hd-accent-400) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}

.to-accent-400{--tw-gradient-to:var(--hd-accent-400) var(--tw-gradient-to-position);}

.via-accent-400{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--hd-accent-400) var(--tw-gradient-via-position),var(--tw-gradient-to);}

.bg-accent-500{background-color:var(--hd-accent-500);}
.text-accent-500{color:var(--hd-accent-500);}
.border-accent-500{border-color:var(--hd-accent-500);}

.from-accent-500{--tw-gradient-from:var(--hd-accent-500) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}

.to-accent-500{--tw-gradient-to:var(--hd-accent-500) var(--tw-gradient-to-position);}

.via-accent-500{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--hd-accent-500) var(--tw-gradient-via-position),var(--tw-gradient-to);}

.bg-accent-600{background-color:var(--hd-accent-600);}
.text-accent-600{color:var(--hd-accent-600);}
.border-accent-600{border-color:var(--hd-accent-600);}

.from-accent-600{--tw-gradient-from:var(--hd-accent-600) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}

.to-accent-600{--tw-gradient-to:var(--hd-accent-600) var(--tw-gradient-to-position);}

.via-accent-600{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--hd-accent-600) var(--tw-gradient-via-position),var(--tw-gradient-to);}

.bg-accent-700{background-color:var(--hd-accent-700);}
.text-accent-700{color:var(--hd-accent-700);}
.border-accent-700{border-color:var(--hd-accent-700);}

.from-accent-700{--tw-gradient-from:var(--hd-accent-700) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}

.to-accent-700{--tw-gradient-to:var(--hd-accent-700) var(--tw-gradient-to-position);}

.via-accent-700{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--hd-accent-700) var(--tw-gradient-via-position),var(--tw-gradient-to);}


/* Variant utilities used in markup */
.focus\:border-primary-500:focus{border-color:var(--hd-primary-500);}
.focus\:ring-primary-200:focus{--tw-ring-color:var(--hd-primary-200);}
.hover\:bg-primary-50:hover{background-color:var(--hd-primary-50);}
.hover\:bg-primary-600:hover{background-color:var(--hd-primary-600);}
.hover\:bg-primary-700:hover{background-color:var(--hd-primary-700);}
.hover\:bg-accent-400:hover{background-color:var(--hd-accent-400);}
.hover\:bg-accent-600:hover{background-color:var(--hd-accent-600);}
.hover\:text-primary-600:hover{color:var(--hd-primary-600);}
.hover\:text-primary-700:hover{color:var(--hd-primary-700);}
.hover\:text-primary-900:hover{color:var(--hd-primary-900);}
.hover\:text-accent-400:hover{color:var(--hd-accent-400);}
.hover\:text-accent-600:hover{color:var(--hd-accent-600);}
.hover\:text-accent-700:hover{color:var(--hd-accent-700);}
.hover\:border-primary-300:hover{border-color:var(--hd-primary-300);}
.hover\:border-primary-500:hover{border-color:var(--hd-primary-500);}
.hover\:from-primary-700:hover{--tw-gradient-from:var(--hd-primary-700) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);}
.hover\:to-primary-800:hover{--tw-gradient-to:var(--hd-primary-800) var(--tw-gradient-to-position);}
.hover\:shadow-accent-400\/50:hover{--tw-shadow-color:rgb(52 211 153 / 0.5);--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1),0 10px 10px -5px rgb(0 0 0 / 0.04);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
.hover\:shadow-white\/50:hover{--tw-shadow-color:rgb(255 255 255 / 0.5);--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1),0 10px 10px -5px rgb(0 0 0 / 0.04);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}


/* Slash opacity shortcuts used in markup (Tailwind JIT-style) */
.bg-white\/10{background-color:rgb(255 255 255 / 0.1);}
.bg-white\/15{background-color:rgb(255 255 255 / 0.15);}
.bg-white\/20{background-color:rgb(255 255 255 / 0.2);}
.bg-white\/30{background-color:rgb(255 255 255 / 0.3);}
.border-white\/20{border-color:rgb(255 255 255 / 0.2);}
.border-white\/40{border-color:rgb(255 255 255 / 0.4);}
.border-white\/70{border-color:rgb(255 255 255 / 0.7);}
.border-white\/80{border-color:rgb(255 255 255 / 0.8);}
.text-white\/50{color:rgb(255 255 255 / 0.5);}
.text-white\/60{color:rgb(255 255 255 / 0.6);}
.text-white\/70{color:rgb(255 255 255 / 0.7);}
.text-white\/80{color:rgb(255 255 255 / 0.8);}
.text-white\/85{color:rgb(255 255 255 / 0.85);}
.text-white\/90{color:rgb(255 255 255 / 0.9);}
.bg-accent-500\/20{background-color:rgb(16 185 129 / 0.2);}
.bg-accent-500\/40{background-color:rgb(16 185 129 / 0.4);}
.bg-green-500\/20{background-color:rgb(34 197 94 / 0.2);}


/* Arbitrary value utility used in markup */
.w-\[900px\]{width:900px;}


/* Custom animations used in markup */
@keyframes hd-float { 0%,100%{ transform: translateY(0);} 50%{ transform: translateY(-10px);} }
.animate-float{ animation: hd-float 6s ease-in-out infinite; }
.animate-pulse-slow{ animation: pulse 3s cubic-bezier(0.4,0,0.6,1) infinite; }
.animate-bounce-slow{ animation: bounce 2s infinite; }


/* ============================================================
   Tailwind v2 Gradient Stop Fix (PRODUCTION READY)
   The base Tailwind file in this project is v2.2.x. Tailwind v2
   uses --tw-gradient-from / --tw-gradient-to / --tw-gradient-stops
   WITHOUT the *-position variables used in newer docs.
   These overrides ensure bg-gradient-* works with our custom palette.
   Reference: https://v2.tailwindcss.com/docs/gradient-color-stops
   ============================================================ */

/* Primary Gradient From */
.from-primary-50{--tw-gradient-from:var(--hd-primary-50);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(239, 246, 255, 0));}
.from-primary-100{--tw-gradient-from:var(--hd-primary-100);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(219, 234, 254, 0));}
.from-primary-200{--tw-gradient-from:var(--hd-primary-200);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(191, 219, 254, 0));}
.from-primary-300{--tw-gradient-from:var(--hd-primary-300);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(147, 197, 253, 0));}
.from-primary-400{--tw-gradient-from:var(--hd-primary-400);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(96, 165, 250, 0));}
.from-primary-500{--tw-gradient-from:var(--hd-primary-500);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(59, 130, 246, 0));}
.from-primary-600{--tw-gradient-from:var(--hd-primary-600);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(37, 99, 235, 0));}
.from-primary-700{--tw-gradient-from:var(--hd-primary-700);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(29, 78, 216, 0));}
.from-primary-800{--tw-gradient-from:var(--hd-primary-800);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(30, 64, 175, 0));}
.from-primary-900{--tw-gradient-from:var(--hd-primary-900);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(30, 58, 138, 0));}

/* Primary Gradient Via */
.via-primary-700{--tw-gradient-stops:var(--tw-gradient-from),var(--hd-primary-700),var(--tw-gradient-to, rgba(29, 78, 216, 0));}
.via-primary-800{--tw-gradient-stops:var(--tw-gradient-from),var(--hd-primary-800),var(--tw-gradient-to, rgba(30, 64, 175, 0));}
.via-primary-900{--tw-gradient-stops:var(--tw-gradient-from),var(--hd-primary-900),var(--tw-gradient-to, rgba(30, 58, 138, 0));}

/* Primary Gradient To */
.to-primary-50{--tw-gradient-to:var(--hd-primary-50);}
.to-primary-100{--tw-gradient-to:var(--hd-primary-100);}
.to-primary-200{--tw-gradient-to:var(--hd-primary-200);}
.to-primary-600{--tw-gradient-to:var(--hd-primary-600);}
.to-primary-700{--tw-gradient-to:var(--hd-primary-700);}
.to-primary-800{--tw-gradient-to:var(--hd-primary-800);}
.to-primary-900{--tw-gradient-to:var(--hd-primary-900);}

/* Accent Gradient From */
.from-accent-50{--tw-gradient-from:var(--hd-accent-50);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(236, 253, 245, 0));}
.from-accent-100{--tw-gradient-from:var(--hd-accent-100);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(209, 250, 229, 0));}
.from-accent-200{--tw-gradient-from:var(--hd-accent-200);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(167, 243, 208, 0));}
.from-accent-400{--tw-gradient-from:var(--hd-accent-400);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(52, 211, 153, 0));}
.from-accent-500{--tw-gradient-from:var(--hd-accent-500);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(16, 185, 129, 0));}
.from-accent-600{--tw-gradient-from:var(--hd-accent-600);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(5, 150, 105, 0));}
.from-accent-700{--tw-gradient-from:var(--hd-accent-700);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(4, 120, 87, 0));}

/* Accent Gradient Via */
.via-accent-500{--tw-gradient-stops:var(--tw-gradient-from),var(--hd-accent-500),var(--tw-gradient-to, rgba(16, 185, 129, 0));}

/* Accent Gradient To */
.to-accent-50{--tw-gradient-to:var(--hd-accent-50);}
.to-accent-100{--tw-gradient-to:var(--hd-accent-100);}
.to-accent-200{--tw-gradient-to:var(--hd-accent-200);}
.to-accent-400{--tw-gradient-to:var(--hd-accent-400);}
.to-accent-500{--tw-gradient-to:var(--hd-accent-500);}
.to-accent-600{--tw-gradient-to:var(--hd-accent-600);}
.to-accent-700{--tw-gradient-to:var(--hd-accent-700);}

/* Hover variants for gradients */
.hover\:from-primary-700:hover{--tw-gradient-from:var(--hd-primary-700);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(29, 78, 216, 0));}
.hover\:to-primary-800:hover{--tw-gradient-to:var(--hd-primary-800);}