@import url('https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap');@import url('https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css');

/*
 Mobile Foundation CSS
 - Safe, global mobile improvements using CSS and Tailwind-friendly conventions
 - Avoids breaking desktop by scoping most changes to small screens
 - No Blade syntax; pure CSS for Vite processing
*/
/* Typography: scalable defaults via clamp to improve readability on small screens */
body {
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}
/* Media: ensure intrinsic scaling */
img, video, canvas, svg {
  max-width: 100%;
  height: auto;
}
/* Containers: sensible page padding on small screens */
@media (max-width: 640px) {
  /* Site-wide font scale up by ~10% on small screens */
  html { font-size: clamp(16.5px, 4vw, 18px); }
  body { font-size: 110%; }

  .container,
  .max-w-screen-xl,
  .max-w-7xl,
  .max-w-6xl,
  .max-w-4xl,
  .max-w-3xl {
    max-width: 100% !important;
    /* Reduce horizontal padding by ~50% (keep half of original 1rem => 0.5rem) */
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  /* Reduce common horizontal paddings across utility classes */
  :where(.px-1,.px-2,.px-3,.px-4,.px-5,.px-6,.px-7,.px-8,.px-9,.px-10,.px-12,.px-14,.px-16){
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  :where(.pl-1,.pl-2,.pl-3,.pl-4,.pl-5,.pl-6,.pl-7,.pl-8,.pl-9,.pl-10,.pl-12,.pl-14,.pl-16){ padding-left: 0.5rem !important; }
  
  /* Fix mobile search input padding to prevent icon overlap */
  #mobile-header-search {
    padding-left: 3.5rem !important;
  }
  
  :where(.pr-1,.pr-2,.pr-3,.pr-4,.pr-5,.pr-6,.pr-7,.pr-8,.pr-9,.pr-10,.pr-12,.pr-14,.pr-16){ padding-right: 0.5rem !important; }

  /* Reduce common horizontal margins */
  :where(.mx-1,.mx-2,.mx-3,.mx-4,.mx-5,.mx-6,.mx-7,.mx-8,.mx-9,.mx-10,.mx-12,.mx-14,.mx-16){
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  :where(.ml-1,.ml-2,.ml-3,.ml-4,.ml-5,.ml-6,.ml-7,.ml-8,.ml-9,.ml-10,.ml-12,.ml-14,.ml-16){ margin-left: 0.5rem !important; }
  :where(.mr-1,.mr-2,.mr-3,.mr-4,.mr-5,.mr-6,.mr-7,.mr-8,.mr-9,.mr-10,.mr-12,.mr-14,.mr-16){ margin-right: 0.5rem !important; }
}
/* Headings: fluid, non-intrusive sizing */
h1 { font-size: clamp(1.5rem, 6.5vw, 2rem); line-height: 1.2; }
h2 { font-size: clamp(1.35rem, 5.5vw, 1.75rem); line-height: 1.25; }
h3 { font-size: clamp(1.2rem, 5vw, 1.5rem); line-height: 1.3; }
/* Ensure Popular and Related section titles maintain text-2xl size on mobile */
@media (max-width: 640px) {
  h2.text-2xl {
    font-size: 1.5rem !important; /* text-2xl = 1.5rem */
    line-height: 2rem !important; /* text-2xl line-height */
  }
}
/* Buttons and tap targets */
button,
.btn,
[role="button"],
input[type="submit"],
input[type="button"],
input[type="reset"] {
  min-height: 44px; /* WCAG touch size */
}
/* Forms */
@media (max-width: 640px) {
  input[type="text"],
  input[type="email"],
  input[type="number"],
  input[type="tel"],
  input[type="search"],
  select,
  textarea {
    font-size: 1.05rem;
    padding: 0.9rem 1.1rem; /* slightly larger for tap comfort */
    border-radius: 0.9rem; /* between rounded-xl and 2xl */
  }
}
/* Grids: default to single column on small screens where applicable */
@media (max-width: 640px) {
  .grid-cols-2 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .grid-cols-3 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .grid-cols-4 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .gap-4 { gap: 1rem; }
  .gap-5 { gap: 1rem; }
  .gap-6 { gap: 1.1rem; }
  .gap-8 { gap: 1.25rem; }
}
/* Footer mobile alignment helpers */
@media (max-width: 640px) {
  #footer-copyright-section .footer-status-row { 
    font-size: 0.9rem; 
    gap: 0.5rem;
    flex-direction: column !important;
    align-items: center !important;
  }
  #footer-copyright-section .footer-status-row .status-left span,
  #footer-copyright-section .footer-status-row .status-right span { 
    white-space: normal; 
    text-align: center;
  }
}
/* Ultra-small screens: shrink footer row further */
@media (max-width: 420px) {
  #footer-copyright-section .footer-status-row { 
    font-size: 0.85rem;
    flex-direction: column !important;
    align-items: center !important;
  }
}
@media (max-width: 360px) {
  #footer-copyright-section .footer-status-row {
    font-size: 0.78rem;
    flex-direction: column !important;
    align-items: center !important;
  }
}
/* Exact small phones like 392px width: stack to avoid wrap issues */
@media (max-width: 400px) {
  #footer-copyright-section .footer-status-row {
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.35rem;
  }
  #footer-copyright-section .footer-status-row .status-left span,
  #footer-copyright-section .footer-status-row .status-right span { 
    white-space: normal; 
    text-align: center;
  }
}
/* Tables: horizontal scroll on small screens */
.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
/* Navigation & text overflow helpers */
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.break-words { overflow-wrap: break-word; word-wrap: break-word; }
/* Safe area for floating elements at the bottom */
#floating-calculator-container,
#back-to-top {
  margin-bottom: max(env(safe-area-inset-bottom), 1rem);
}
/* Footer spacing on small screens */
@media (max-width: 640px) {
  footer {
    padding-left: 1.25rem;  /* 20px */
    padding-right: 1.25rem; /* 20px */
  }
}
/* Utility: stack spacing for tight vertical lists */
.stack > * + * { margin-top: 0.75rem; }
@media (min-width: 640px) {
  .stack > * + * { margin-top: 1rem; }
}
/* Cards: comfortable padding across breakpoints */
.card {
  border-radius: 1rem; /* rounded-2xl approximation */
}
@media (max-width: 640px) {
  .card { padding: 0.875rem; border-radius: 0.875rem; }
  /* Reduce extra vertical whitespace in common sections */
  .mb-12 { margin-bottom: 1.25rem !important; }
  .mt-12 { margin-top: 1.25rem !important; }
  .mb-14 { margin-bottom: 1.5rem !important; }
  .mt-14 { margin-top: 1.5rem !important; }
}
@media (min-width: 640px) and (max-width: 1024px) {
  .card { padding: 1.25rem; }
}
@media (min-width: 1024px) {
  .card { padding: 1.5rem; }
}
/* Inputs in calculator and converters: ensure readability */
@media (max-width: 640px) {
  .converter-input,
  .calculator-input {
    font-size: 1.1rem;
  }
  /* Ensure all converter fields are comfortably tappable */
  .converter-interface input,
  .converter-interface select,
  .input-field {
    font-size: 1.1rem !important;
    padding: 0.9rem 1rem !important;
    border-radius: 0.9rem !important;
  }
  .converter-interface .btn,
  .converter-interface button {
    min-height: 44px;
    padding: 0.9rem 1.15rem !important;
    font-size: 1.05rem !important;
    border-radius: 0.95rem !important;
  }
}
/* Converter interfaces (homepage quick convert and category pages) */
@media (max-width: 640px) {
  .converter-interface label { font-size: 1rem; }
  .converter-interface input,
  .converter-interface select { font-size: 1.05rem; }
  .converter-interface .btn,
  .converter-interface button { font-size: 1.05rem; padding: 0.9rem 1.15rem; }
}
/* Align floating buttons heights visually */
@media (max-width: 640px) {
  /* Force equal circular size for both buttons */
  #back-to-top .relative,
  #floating-calculator .relative {
    width: 56px !important;
    height: 56px !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
/* Promote larger hero typography on small screens without breaking desktop */
@media (max-width: 640px) {
  .hero-title { font-size: clamp(1.6rem, 8vw, 2.125rem); }
  .hero-subtitle { font-size: clamp(0.95rem, 4.5vw, 1.05rem); }
}
/* Homepage search: ensure icon and placeholder don't overlap */
@media (max-width: 640px) {
  .search-container .relative { position: relative; }
  .search-container input { padding-left: 2.75rem !important; }
  .search-container .relative > svg,
  .search-container .relative > i,
  .search-container .relative > .icon {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
  }
}
/* Fix mobile floating calculator panel width/overflow */
@media (max-width: 640px) {
  #calculator-panel {
    width: min(95vw, 420px);
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
    border-radius: 1rem;
    padding: 1rem !important;
  }
  #calculator-panel .grid { grid-template-columns: repeat(4, minmax(0, 1fr)); -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 0.5rem; }
  #calculator-panel .calc-btn { width: 100%; height: 56px; padding: 0; display: flex; align-items: center; justify-content: center; }
  #calculator-panel .calc-btn-text { font-size: 1.05rem; line-height: 1; }
  
  /* Mobile responsive calculator action buttons - STACK VERTICALLY */
  #calculator-panel .mt-4.grid {
    gap: 0.75rem !important;
    margin-top: 1rem !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    display: grid !important;
  }
  
  /* Override global mobile grid rule for calculator buttons - STACK VERTICALLY */
  #calculator-panel .grid-cols-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    display: grid !important;
  }
  
  /* Force calculator buttons to stack vertically on mobile */
  #calculator-panel .mt-4.grid a {
    display: block !important;
    width: 100% !important;
    margin-bottom: 0.5rem !important;
  }
  
  #calculator-panel .mt-4.grid a:last-child {
    margin-bottom: 0 !important;
  }
  
  
  /* Full Calculator button mobile styling */
  #calculator-panel .mt-4.grid a:first-child {
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%) !important;
    color: white !important;
    box-shadow: 0 2px 4px rgba(37, 99, 235, 0.3) !important;
  }
  
  #calculator-panel .mt-4.grid a:first-child:hover {
    box-shadow: 0 4px 8px rgba(37, 99, 235, 0.4) !important;
    transform: translateY(-1px) !important;
  }
  
  /* Scientific mode button mobile styling */
  #calculator-panel .mt-4.grid a:last-child {
    background: white !important;
    border: 1px solid #e5e7eb !important;
    color: #374151 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  }
  
  #calculator-panel .mt-4.grid a:last-child:hover {
    background: #f9fafb !important;
    border-color: #d1d5db !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-1px) !important;
  }
}
/* Extra small mobile screens - further optimize calculator buttons */
@media (max-width: 480px) {
  #calculator-panel .mt-4.grid {
    gap: 0.5rem !important;
    grid-template-columns: 1fr !important;
  }
  
  /* Override global mobile grid rule for calculator buttons on small screens - STACK VERTICALLY */
  #calculator-panel .grid-cols-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  
  #calculator-panel .mt-4.grid a {
    padding: 0.625rem 0.125rem !important;
    font-size: 0.75rem !important;
    min-height: 40px !important;
    border-radius: 0.625rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
    display: block !important;
    margin-bottom: 0.5rem !important;
  }
  
  #calculator-panel .mt-4.grid a:last-child {
    margin-bottom: 0 !important;
  }
  
  /* Even smaller font for very small screens */
  #calculator-panel .mt-4.grid a:first-child {
    font-size: 0.7rem !important;
  }
  
  #calculator-panel .mt-4.grid a:last-child {
    font-size: 0.7rem !important;
  }
}
/* Landscape mobile orientation - adjust button layout */
@media (max-width: 640px) and (orientation: landscape) {
  #calculator-panel .mt-4.grid {
    grid-template-columns: 1fr !important;
    gap: 0.5rem !important;
  }
  
  #calculator-panel .mt-4.grid a {
    padding: 0.5rem 0.375rem !important;
    font-size: 0.8125rem !important;
    min-height: 36px !important;
    width: 100% !important;
    display: block !important;
    margin-bottom: 0.5rem !important;
  }
  
  #calculator-panel .mt-4.grid a:last-child {
    margin-bottom: 0 !important;
  }
}
/* Very narrow screens - ensure buttons fit */
@media (max-width: 360px) {
  #calculator-panel {
    width: 98vw !important;
    padding: 0.75rem !important;
  }
  
  #calculator-panel .mt-4.grid {
    gap: 0.375rem !important;
    grid-template-columns: 1fr !important;
  }
  
  /* Override global mobile grid rule for calculator buttons on very narrow screens - STACK VERTICALLY */
  #calculator-panel .grid-cols-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  
  #calculator-panel .mt-4.grid a {
    padding: 0.5rem 0.125rem !important;
    font-size: 0.65rem !important;
    min-height: 36px !important;
    display: block !important;
    margin-bottom: 0.5rem !important;
  }
  
  #calculator-panel .mt-4.grid a:last-child {
    margin-bottom: 0 !important;
  }
}
/* Calculator page: ensure keypad is easily tappable on mobile */
@media (max-width: 640px) {
  .calc-btn { min-height: 48px; font-size: 1rem; }
  /* Fix misaligned operator column in basic mode */
  #basic-calculator { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 0.5rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  #basic-calculator .calc-operator,
  #basic-calculator .calc-function,
  #basic-calculator .calc-number,
  #basic-calculator .calc-equals {
    border-radius: 1rem;
    width: 100%;
    height: 56px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #basic-calculator .calc-btn-text { font-size: 1.05rem; line-height: 1; }
}
/* Currency Chart Mobile Optimizations */
@media (max-width: 640px) {
  #chart-container {
    min-height: 200px;
    max-height: 300px;
  }
  
  #chart-container canvas {
    max-width: 100%;
    height: auto !important;
  }
  
  /* Force mobile layout for chart header - only on mobile */
  .chart-header {
    flex-direction: column !important;
    align-items: center !important;
  }
  
  .chart-header .chart-title {
    text-align: center !important;
    margin-bottom: 0.5rem !important;
  }
  
  .chart-header .chart-timeframe {
    text-align: center !important;
    margin-bottom: 1rem !important;
  }
  
  .chart-header .chart-controls {
    width: 100% !important;
    justify-content: center !important;
  }
}
/* Custom Teal Colors for Area Converter */
.from-teal-300 { --tw-gradient-from: #5eead4; --tw-gradient-to: rgb(94 234 212); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-teal-500 { --tw-gradient-from: #14b8a6; --tw-gradient-to: rgb(20 184 166); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-teal-600 { --tw-gradient-from: #0d9488; --tw-gradient-to: rgb(13 148 136); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-teal-700 { --tw-gradient-from: #0f766e; --tw-gradient-to: rgb(15 118 110); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-teal-100 { --tw-gradient-from: #ccfbf1; --tw-gradient-to: rgb(204 251 241); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
/* Custom Orange Colors for Time and Electric Conductance Converters */
.from-orange-300 { --tw-gradient-from: #fdba74; --tw-gradient-to: rgb(253 186 116); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-500 { --tw-gradient-from: #f97316; --tw-gradient-to: rgb(249 115 22); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-600 { --tw-gradient-from: #ea580c; --tw-gradient-to: rgb(234 88 12); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-700 { --tw-gradient-from: #c2410c; --tw-gradient-to: rgb(194 65 12); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-100 { --tw-gradient-from: #fed7aa; --tw-gradient-to: rgb(254 215 170); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-teal-200 { --tw-gradient-from: #99f6e4; --tw-gradient-to: rgb(153 246 228); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-teal-300 { --tw-gradient-from: #5eead4; --tw-gradient-to: rgb(94 234 212); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-teal-800 { --tw-gradient-from: #115e59; --tw-gradient-to: rgb(17 94 89); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-teal-900 { --tw-gradient-from: #134e4a; --tw-gradient-to: rgb(19 78 74); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-teal-200 { --tw-gradient-to: #99f6e4; }
.to-teal-300 { --tw-gradient-to: #5eead4; }
.to-teal-500 { --tw-gradient-to: #14b8a6; }
.to-teal-600 { --tw-gradient-to: #0d9488; }
.to-teal-800 { --tw-gradient-to: #115e59; }
.to-teal-900 { --tw-gradient-to: #134e4a; }
/* Custom Cyan Colors for Pressure and Magnetomotive Force Converters */
.from-cyan-100 { --tw-gradient-from: #cffafe; --tw-gradient-to: rgb(207 250 254); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-cyan-200 { --tw-gradient-from: #a5f3fc; --tw-gradient-to: rgb(165 243 252); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-cyan-300 { --tw-gradient-from: #67e8f9; --tw-gradient-to: rgb(103 232 249); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-cyan-500 { --tw-gradient-from: #06b6d4; --tw-gradient-to: rgb(6 182 212); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-cyan-600 { --tw-gradient-from: #0891b2; --tw-gradient-to: rgb(8 145 178); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-cyan-700 { --tw-gradient-from: #0e7490; --tw-gradient-to: rgb(14 116 144); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-cyan-800 { --tw-gradient-from: #155e75; --tw-gradient-to: rgb(21 94 117); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-cyan-900 { --tw-gradient-from: #164e63; --tw-gradient-to: rgb(22 78 99); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-cyan-100 { --tw-gradient-to: #cffafe; }
.to-cyan-200 { --tw-gradient-to: #a5f3fc; }
.to-cyan-300 { --tw-gradient-to: #67e8f9; }
.to-cyan-500 { --tw-gradient-to: #06b6d4; }
.to-cyan-600 { --tw-gradient-to: #0891b2; }
.to-cyan-700 { --tw-gradient-to: #0e7490; }
.to-cyan-800 { --tw-gradient-to: #155e75; }
.to-cyan-900 { --tw-gradient-to: #164e63; }
/* Custom Green Colors for Weight and Radiation Absorbed Dose Converters */
.from-green-100 { --tw-gradient-from: #dcfce7; --tw-gradient-to: rgb(220 252 231); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-green-200 { --tw-gradient-from: #bbf7d0; --tw-gradient-to: rgb(187 247 208); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-green-300 { --tw-gradient-from: #86efac; --tw-gradient-to: rgb(134 239 172); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-green-500 { --tw-gradient-from: #22c55e; --tw-gradient-to: rgb(34 197 94); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-green-600 { --tw-gradient-from: #16a34a; --tw-gradient-to: rgb(22 163 74); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-green-700 { --tw-gradient-from: #15803d; --tw-gradient-to: rgb(21 128 61); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-green-800 { --tw-gradient-from: #166534; --tw-gradient-to: rgb(22 101 52); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-green-900 { --tw-gradient-from: #14532d; --tw-gradient-to: rgb(20 83 45); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-green-200 { --tw-gradient-to: #bbf7d0; }
.to-green-300 { --tw-gradient-to: #86efac; }
.to-green-500 { --tw-gradient-to: #22c55e; }
.to-green-600 { --tw-gradient-to: #16a34a; }
.to-green-700 { --tw-gradient-to: #15803d; }
.to-green-800 { --tw-gradient-to: #166534; }
.to-green-900 { --tw-gradient-to: #14532d; }
/* Custom Blue Colors for Currency and Radiation Exposure Converters */
.from-blue-100 { --tw-gradient-from: #dbeafe; --tw-gradient-to: rgb(219 234 254); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-blue-200 { --tw-gradient-from: #bfdbfe; --tw-gradient-to: rgb(191 219 254); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-blue-300 { --tw-gradient-from: #93c5fd; --tw-gradient-to: rgb(147 197 253); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-blue-500 { --tw-gradient-from: #3b82f6; --tw-gradient-to: rgb(59 130 246); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-blue-600 { --tw-gradient-from: #2563eb; --tw-gradient-to: rgb(37 99 235); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-blue-700 { --tw-gradient-from: #1d4ed8; --tw-gradient-to: rgb(29 78 216); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-blue-800 { --tw-gradient-from: #1e40af; --tw-gradient-to: rgb(30 64 175); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-blue-900 { --tw-gradient-from: #1e3a8a; --tw-gradient-to: rgb(30 58 138); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-blue-200 { --tw-gradient-to: #bfdbfe; }
.to-blue-300 { --tw-gradient-to: #93c5fd; }
.to-blue-500 { --tw-gradient-to: #3b82f6; }
.to-blue-600 { --tw-gradient-to: #2563eb; }
.to-blue-700 { --tw-gradient-to: #1d4ed8; }
.to-blue-800 { --tw-gradient-to: #1e40af; }
.to-blue-900 { --tw-gradient-to: #1e3a8a; }
.bg-teal-50 { background-color: #f0fdfa; }
.bg-teal-100 { background-color: #ccfbf1; }
.bg-teal-200 { background-color: #99f6e4; }
.bg-teal-300 { background-color: #5eead4; }
.bg-teal-400 { background-color: #2dd4bf; }
.bg-teal-500 { background-color: #14b8a6; }
.bg-teal-600 { background-color: #0d9488; }
.bg-teal-700 { background-color: #0f766e; }
.bg-teal-800 { background-color: #115e59; }
.bg-teal-900 { background-color: #134e4a; }
.text-teal-100 { color: #ccfbf1; }
.text-teal-300 { color: #5eead4; }
.text-teal-400 { color: #2dd4bf; }
.text-teal-600 { color: #0d9488; }
.text-teal-700 { color: #0f766e; }
.text-teal-800 { color: #115e59; }
.text-teal-900 { color: #134e4a; }
.border-teal-100 { border-color: #ccfbf1; }
.border-teal-200 { border-color: #99f6e4; }
.border-teal-300 { border-color: #5eead4; }
.border-teal-600 { border-color: #0d9488; }
.border-teal-700 { border-color: #0f766e; }
.border-teal-800 { border-color: #115e59; }
.focus\\:ring-teal-600:focus { --tw-ring-color: #0d9488; }
.hover\\:from-teal-100:hover { --tw-gradient-from: #ccfbf1; --tw-gradient-to: rgb(204 251 241); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.hover\\:from-teal-200:hover { --tw-gradient-from: #99f6e4; --tw-gradient-to: rgb(153 246 228); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.hover\\:from-teal-700:hover { --tw-gradient-from: #0f766e; --tw-gradient-to: rgb(15 118 110); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
/* Orange Colors for Time Converter */
.bg-orange-50 { background-color: #fff7ed; }
.bg-orange-100 { background-color: #ffedd5; }
.bg-orange-200 { background-color: #fed7aa; }
.bg-orange-300 { background-color: #fdba74; }
.bg-orange-400 { background-color: #fb923c; }
.bg-orange-500 { background-color: #f97316; }
.bg-orange-600 { background-color: #ea580c; }
.bg-orange-700 { background-color: #c2410c; }
.bg-orange-800 { background-color: #9a3412; }
.bg-orange-900 { background-color: #7c2d12; }
.text-orange-100 { color: #ffedd5; }
.text-orange-200 { color: #fed7aa; }
.text-orange-300 { color: #fdba74; }
.text-orange-400 { color: #fb923c; }
.text-orange-500 { color: #f97316; }
.text-orange-600 { color: #ea580c; }
.text-orange-700 { color: #c2410c; }
.text-orange-800 { color: #9a3412; }
.text-orange-900 { color: #7c2d12; }
.border-orange-200 { border-color: #fed7aa; }
.border-orange-700 { border-color: #c2410c; }
.focus\\:ring-orange-600:focus { --tw-ring-color: #ea580c; }
.hover\\:from-orange-100:hover { --tw-gradient-from: #ffedd5; --tw-gradient-to: rgb(255 237 213); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.hover\\:from-orange-200:hover { --tw-gradient-from: #fed7aa; --tw-gradient-to: rgb(254 215 170); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.hover\\:from-orange-700:hover { --tw-gradient-from: #c2410c; --tw-gradient-to: rgb(194 65 12); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-orange-100 { --tw-gradient-to: #ffedd5; }
.to-orange-200 { --tw-gradient-to: #fed7aa; }
.to-orange-300 { --tw-gradient-to: #fdba74; }
.to-orange-400 { --tw-gradient-to: #fb923c; }
.to-orange-500 { --tw-gradient-to: #f97316; }
.to-orange-600 { --tw-gradient-to: #ea580c; }
.to-orange-700 { --tw-gradient-to: #c2410c; }
.to-orange-800 { --tw-gradient-to: #9a3412; }
.to-orange-900 { --tw-gradient-to: #7c2d12; }
.hover\\:to-orange-200:hover { --tw-gradient-to: #fed7aa; }
.hover\\:to-orange-300:hover { --tw-gradient-to: #fdba74; }
.hover\\:to-orange-600:hover { --tw-gradient-to: #ea580c; }
.hover\\:to-orange-700:hover { --tw-gradient-to: #c2410c; }
.hover\\:to-orange-900:hover { --tw-gradient-to: #7c2d12; }
/* Custom Cyan Colors for Pressure Converter */
.bg-cyan-50 { background-color: #ecfeff; }
.bg-cyan-100 { background-color: #cffafe; }
.bg-cyan-200 { background-color: #a5f3fc; }
.bg-cyan-300 { background-color: #67e8f9; }
.bg-cyan-400 { background-color: #22d3ee; }
.bg-cyan-500 { background-color: #06b6d4; }
.bg-cyan-600 { background-color: #0891b2; }
.bg-cyan-700 { background-color: #0e7490; }
.bg-cyan-800 { background-color: #155e75; }
.bg-cyan-900 { background-color: #164e63; }
.text-cyan-100 { color: #cffafe; }
.text-cyan-200 { color: #a5f3fc; }
.text-cyan-300 { color: #67e8f9; }
.text-cyan-400 { color: #22d3ee; }
.text-cyan-500 { color: #06b6d4; }
.text-cyan-600 { color: #0891b2; }
.text-cyan-700 { color: #0e7490; }
.text-cyan-800 { color: #155e75; }
.text-cyan-900 { color: #164e63; }
.border-cyan-200 { border-color: #a5f3fc; }
.border-cyan-700 { border-color: #0e7490; }
.focus\\:ring-cyan-600:focus { --tw-ring-color: #0891b2; }
.hover\\:from-cyan-100:hover { --tw-gradient-from: #cffafe; --tw-gradient-to: rgb(207 250 254); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.hover\\:from-cyan-200:hover { --tw-gradient-from: #a5f3fc; --tw-gradient-to: rgb(165 243 252); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.hover\\:from-cyan-700:hover { --tw-gradient-from: #0e7490; --tw-gradient-to: rgb(14 116 144); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-cyan-100 { --tw-gradient-to: #cffafe; }
.to-cyan-200 { --tw-gradient-to: #a5f3fc; }
.to-cyan-300 { --tw-gradient-to: #67e8f9; }
.to-cyan-400 { --tw-gradient-to: #22d3ee; }
.to-cyan-500 { --tw-gradient-to: #06b6d4; }
.to-cyan-600 { --tw-gradient-to: #0891b2; }
.to-cyan-700 { --tw-gradient-to: #0e7490; }
.to-cyan-800 { --tw-gradient-to: #155e75; }
.to-cyan-900 { --tw-gradient-to: #164e63; }
.hover\\:to-cyan-200:hover { --tw-gradient-to: #a5f3fc; }
.hover\\:to-cyan-300:hover { --tw-gradient-to: #67e8f9; }
.hover\\:to-cyan-600:hover { --tw-gradient-to: #0891b2; }
.hover\\:to-cyan-700:hover { --tw-gradient-to: #0e7490; }
.hover\\:to-cyan-900:hover { --tw-gradient-to: #164e63; }
.hover\\:border-cyan-200:hover { border-color: #a5f3fc; }
.hover\\:border-cyan-300:hover { border-color: #67e8f9; }
.hover\\:border-cyan-600:hover { border-color: #0891b2; }
.hover\\:text-cyan-400:hover { color: #22d3ee; }
.hover\\:text-cyan-700:hover { color: #0e7490; }
.group-hover\\:from-cyan-200.group:hover { --tw-gradient-from: #a5f3fc; --tw-gradient-to: rgb(165 243 252); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.group-hover\\:from-cyan-700.group:hover { --tw-gradient-from: #0e7490; --tw-gradient-to: rgb(14 116 144); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.group-hover\\:to-cyan-300.group:hover { --tw-gradient-to: #67e8f9; }
.group-hover\\:to-cyan-600.group:hover { --tw-gradient-to: #0891b2; }
.group-hover\\:text-cyan-400.group:hover { color: #22d3ee; }
.group-hover\\:text-cyan-700.group:hover { color: #0e7490; }
.dark\\:from-cyan-800.dark { --tw-gradient-from: #155e75; --tw-gradient-to: rgb(21 94 117); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.dark\\:from-cyan-900.dark { --tw-gradient-from: #164e63; --tw-gradient-to: rgb(22 78 99); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.dark\\:to-cyan-800.dark { --tw-gradient-to: #155e75; }
.dark\\:to-cyan-900.dark { --tw-gradient-to: #164e63; }
.dark\\:bg-cyan-800.dark { background-color: #155e75; }
.dark\\:bg-cyan-900.dark { background-color: #164e63; }
.dark\\:text-cyan-100.dark { color: #cffafe; }
.dark\\:text-cyan-200.dark { color: #a5f3fc; }
.dark\\:text-cyan-300.dark { color: #67e8f9; }
.dark\\:text-cyan-400.dark { color: #22d3ee; }
.dark\\:border-cyan-600.dark { border-color: #0891b2; }
.dark\\:border-cyan-700.dark { border-color: #0e7490; }
.dark\\:border-cyan-800.dark { border-color: #155e75; }
.dark\\:hover\\:from-cyan-800.dark:hover { --tw-gradient-from: #155e75; --tw-gradient-to: rgb(21 94 117); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.dark\\:hover\\:to-cyan-700.dark:hover { --tw-gradient-to: #0e7490; }
.dark\\:hover\\:border-cyan-600.dark:hover { border-color: #0891b2; }
.dark\\:group-hover\\:from-cyan-700.dark.group:hover { --tw-gradient-from: #0e7490; --tw-gradient-to: rgb(14 116 144); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.dark\\:group-hover\\:to-cyan-600.dark.group:hover { --tw-gradient-to: #0891b2; }
/* Custom Yellow Colors for Energy Converter */
.from-yellow-100 { --tw-gradient-from: #fef3c7; --tw-gradient-to: rgb(254 243 199); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-yellow-200 { --tw-gradient-from: #fde68a; --tw-gradient-to: rgb(253 230 138); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-yellow-300 { --tw-gradient-from: #fcd34d; --tw-gradient-to: rgb(252 211 77); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-yellow-400 { --tw-gradient-from: #fbbf24; --tw-gradient-to: rgb(251 191 36); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-yellow-500 { --tw-gradient-from: #f59e0b; --tw-gradient-to: rgb(245 158 11); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-yellow-600 { --tw-gradient-from: #d97706; --tw-gradient-to: rgb(217 119 6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-yellow-700 { --tw-gradient-from: #b45309; --tw-gradient-to: rgb(180 83 9); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-yellow-800 { --tw-gradient-from: #92400e; --tw-gradient-to: rgb(146 64 14); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-yellow-900 { --tw-gradient-from: #78350f; --tw-gradient-to: rgb(120 53 15); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-yellow-100 { --tw-gradient-to: #fef3c7; }
.to-yellow-200 { --tw-gradient-to: #fde68a; }
.to-yellow-300 { --tw-gradient-to: #fcd34d; }
.to-yellow-400 { --tw-gradient-to: #fbbf24; }
.to-yellow-500 { --tw-gradient-to: #f59e0b; }
.to-yellow-600 { --tw-gradient-to: #d97706; }
.to-yellow-700 { --tw-gradient-to: #b45309; }
.to-yellow-800 { --tw-gradient-to: #92400e; }
.to-yellow-900 { --tw-gradient-to: #78350f; }
.bg-yellow-50 { background-color: #fffbeb; }
.bg-yellow-100 { background-color: #fef3c7; }
.bg-yellow-200 { background-color: #fde68a; }
.bg-yellow-300 { background-color: #fcd34d; }
.bg-yellow-400 { background-color: #fbbf24; }
.bg-yellow-500 { background-color: #f59e0b; }
.bg-yellow-600 { background-color: #d97706; }
.bg-yellow-700 { background-color: #b45309; }
.bg-yellow-800 { background-color: #92400e; }
.bg-yellow-900 { background-color: #78350f; }
.text-yellow-50 { color: #fffbeb; }
.text-yellow-100 { color: #fef3c7; }
.text-yellow-200 { color: #fde68a; }
.text-yellow-300 { color: #fcd34d; }
.text-yellow-400 { color: #fbbf24; }
.text-yellow-500 { color: #f59e0b; }
.text-yellow-600 { color: #d97706; }
.text-yellow-700 { color: #b45309; }
.text-yellow-800 { color: #92400e; }
.text-yellow-900 { color: #78350f; }
.border-yellow-50 { border-color: #fffbeb; }
.border-yellow-100 { border-color: #fef3c7; }
.border-yellow-200 { border-color: #fde68a; }
.border-yellow-300 { border-color: #fcd34d; }
.border-yellow-400 { border-color: #fbbf24; }
.border-yellow-500 { border-color: #f59e0b; }
.border-yellow-600 { border-color: #d97706; }
.border-yellow-700 { border-color: #b45309; }
.border-yellow-800 { border-color: #92400e; }
.border-yellow-900 { border-color: #78350f; }
.hover\\:to-yellow-200:hover { --tw-gradient-to: #fde68a; }
.hover\\:to-teal-300:hover { --tw-gradient-to: #5eead4; }
.hover\\:to-teal-600:hover { --tw-gradient-to: #0d9488; }
.hover\\:to-teal-700:hover { --tw-gradient-to: #0f766e; }
.hover\\:to-teal-900:hover { --tw-gradient-to: #134e4a; }
.hover\\:border-teal-200:hover { border-color: #99f6e4; }
.hover\\:border-teal-300:hover { border-color: #5eead4; }
.hover\\:border-teal-600:hover { border-color: #0d9488; }
.hover\\:text-teal-400:hover { color: #2dd4bf; }
.hover\\:text-teal-700:hover { color: #0f766e; }
.group-hover\\:from-teal-200.group:hover { --tw-gradient-from: #99f6e4; --tw-gradient-to: rgb(153 246 228); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.group-hover\\:from-teal-700.group:hover { --tw-gradient-from: #0f766e; --tw-gradient-to: rgb(15 118 110); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.group-hover\\:to-teal-300.group:hover { --tw-gradient-to: #5eead4; }
.group-hover\\:to-teal-600.group:hover { --tw-gradient-to: #0d9488; }
.group-hover\\:text-teal-400.group:hover { color: #2dd4bf; }
.group-hover\\:text-teal-700.group:hover { color: #0f766e; }
.dark\\:from-teal-800.dark { --tw-gradient-from: #115e59; --tw-gradient-to: rgb(17 94 89); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.dark\\:from-teal-900.dark { --tw-gradient-from: #134e4a; --tw-gradient-to: rgb(19 78 74); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.dark\\:to-teal-800.dark { --tw-gradient-to: #115e59; }
.dark\\:to-teal-900.dark { --tw-gradient-to: #134e4a; }
.dark\\:bg-teal-800.dark { background-color: #115e59; }
.dark\\:bg-teal-900.dark { background-color: #134e4a; }
.dark\\:text-teal-100.dark { color: #ccfbf1; }
.dark\\:text-teal-200.dark { color: #99f6e4; }
.dark\\:text-teal-300.dark { color: #5eead4; }
.dark\\:text-teal-400.dark { color: #2dd4bf; }
.dark\\:border-teal-600.dark { border-color: #0d9488; }
.dark\\:border-teal-700.dark { border-color: #0f766e; }
.dark\\:border-teal-800.dark { border-color: #115e59; }
.dark\\:hover\\:from-teal-800.dark:hover { --tw-gradient-from: #115e59; --tw-gradient-to: rgb(17 94 89); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.dark\\:hover\\:to-teal-700.dark:hover { --tw-gradient-to: #0f766e; }
.dark\\:hover\\:border-teal-600.dark:hover { border-color: #0d9488; }
.dark\\:group-hover\\:from-teal-700.dark.group:hover { --tw-gradient-from: #0f766e; --tw-gradient-to: rgb(15 118 110); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.dark\\:group-hover\\:to-teal-600.dark.group:hover { --tw-gradient-to: #0d9488; }
.btn-primary {
    background: linear-gradient(to right, #93c5fd, transparent);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 1rem;
    box-shadow: 0 6px 18px rgba(10,10,10,0.06);
    transition: box-shadow 0.2s;
}
.btn-primary:hover {
    box-shadow: 0 10px 25px rgba(10,10,10,0.15);
}
.btn-secondary {
    background: linear-gradient(to right, #9333ea, transparent);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 1rem;
    box-shadow: 0 6px 18px rgba(10,10,10,0.06);
    transition: box-shadow 0.2s;
}
.btn-secondary:hover {
    box-shadow: 0 10px 25px rgba(10,10,10,0.15);
}
.card {
    background: white;
    border-radius: 1rem;
    box-shadow: 0 6px 18px rgba(10,10,10,0.06);
    padding: 1.5rem;
}
.input-field {
    width: 100%;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    border: 1px solid #d1d5db;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #ffffff;
}
.input-field:focus {
    border-color: #3b82f6;
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}
.input-field[type="number"] {
    -moz-appearance: textfield;
}
.input-field[type="number"]::-webkit-outer-spin-button,
.input-field[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.btn-secondary {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.btn-secondary:active {
    transform: translateY(1px);
}
/* Header Styles */
.shadow-soft {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
/* Mega Menu Animation */
.mega-menu {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 50;
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
    margin-top: 8px; /* Add small gap to prevent hover issues */
}
/* Disabled CSS hover - using JavaScript instead */
/* .group:hover .mega-menu {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
} */
/* Create hover bridge between button and mega menu */
.group::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 8px;
    background: transparent;
    z-index: 49;
}
/* Disabled CSS hover - using JavaScript instead */
/* .mega-menu:hover {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
} */
/* Add a small delay to prevent flickering */
.group {
    position: relative;
}
/* Disabled CSS hover delay - using JavaScript instead */
/* .group:hover .mega-menu {
    transition-delay: 0.1s;
} */
/* Mobile Menu Animation */
.mobile-menu-enter {
    animation: slideDown 0.3s ease-out;
}
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* Smooth transitions */
.transition-all {
    transition: all 0.3s ease;
}
/* Hover effects for navigation items */
.nav-item {
    position: relative;
}
.nav-item::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: #8b5cf6;
    transition: width 0.3s ease;
}
.nav-item:hover::after {
    width: 100%;
}
/* Floating Button Animations */
.floating-button {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.floating-button:hover {
    transform: translateY(-2px) scale(1.05);
}
/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}
/* Ensure text selection works on result displays */
.select-text {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    user-select: text !important;
}
.cursor-text {
    cursor: text !important;
}
/* Ensure result displays are always selectable, even inside hover-elevate elements */
#result-display,
#result-display *,
#hero-result-display,
#hero-result-display *,
#color-result-display,
#color-result-display * {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    user-select: text !important;
    cursor: text !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 10 !important;
}
/* Ensure result displays are above hover-elevate pseudo-elements */
.hover-elevate #result-display,
.hover-elevate #hero-result-display,
.hover-elevate #color-result-display {
    z-index: 10 !important;
}
/* Footer decorative elements animation */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}
.floating-element {
    animation: float 6s ease-in-out infinite;
}
.floating-element:nth-child(2) {
    animation-delay: -2s;
}
.floating-element:nth-child(3) {
    animation-delay: -4s;
}
/* Back to top button animation */
.back-to-top-enter {
    animation: slideUp 0.3s ease-out;
}
@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* Modern Floating Calculator Styles */
.floating-calculator-btn {
    position: relative;
    border-radius: 50%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    animation: float 3s ease-in-out infinite;
}
.floating-calculator-btn:hover {
    transform: scale(1.1) translateY(-2px);
}
.floating-calculator-btn.vibrate {
    animation: vibrate 0.5s ease-in-out;
}
/* Modern Back to Top Button Styles */
.floating-back-to-top-btn {
    position: relative;
    border-radius: 50%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    animation: float 3s ease-in-out infinite;
}
.floating-back-to-top-btn:hover {
    transform: scale(1.1) translateY(-2px);
}
.floating-back-to-top-btn.vibrate {
    animation: vibrate 0.5s ease-in-out;
}
/* Theme Toggle Styles - DISABLED */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}
@keyframes vibrate {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}
@keyframes pulse-ring {
    0% { transform: scale(0.8); opacity: 1; }
    100% { transform: scale(1.2); opacity: 0; }
}
.pulse-ring {
    animation: pulse-ring 2s infinite;
}
/* Dynamic color classes for different converter types */
.floating-calculator-btn.calc-currency .gradient-bg { 
    background: linear-gradient(135deg, #10b981, #3b82f6) !important; 
}
.floating-calculator-btn.calc-temperature .gradient-bg { 
    background: linear-gradient(135deg, #ef4444, #dc2626) !important; 
}
.floating-calculator-btn.calc-length .gradient-bg { 
    background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important; 
}
.floating-calculator-btn.calc-weight .gradient-bg { 
    background: linear-gradient(135deg, #10b981, #059669) !important; 
}
.floating-calculator-btn.calc-volume .gradient-bg { 
    background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important; 
}
.floating-calculator-btn.calc-area .gradient-bg { 
    background: linear-gradient(135deg, #0d9488, #115e59) !important; 
}
.floating-calculator-btn.calc-time .gradient-bg { 
    background: linear-gradient(135deg, #f97316, #ea580c) !important; 
}
.floating-calculator-btn.calc-pressure .gradient-bg { 
    background: linear-gradient(135deg, #06b6d4, #0891b2) !important; 
}
.floating-calculator-btn.calc-energy .gradient-bg { 
    background: linear-gradient(135deg, #f59e0b, #d97706) !important; 
}
.floating-calculator-btn.calc-speed .gradient-bg { 
    background: linear-gradient(135deg, #f43f5e, #e11d48) !important; 
}
.floating-calculator-btn.calc-volume-dry .gradient-bg { 
    background: linear-gradient(135deg, #f97316, #ea580c) !important; 
}
.floating-calculator-btn.calc-volume-lumber .gradient-bg { 
    background: linear-gradient(135deg, #f59e0b, #d97706) !important; 
}
.floating-calculator-btn.calc-sound .gradient-bg { 
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important; 
}
.floating-calculator-btn.calc-case-converter .gradient-bg { 
    background: linear-gradient(135deg, #06b6d4, #0891b2) !important; 
}
.floating-calculator-btn.calc-typography .gradient-bg { 
    background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important; 
}
.floating-calculator-btn.calc-power .gradient-bg { 
    background: linear-gradient(135deg, #f59e0b, #d97706) !important; 
}
.floating-calculator-btn.calc-force .gradient-bg { 
    background: linear-gradient(135deg, #dc2626, #991b1b) !important; 
}
.floating-calculator-btn.calc-angle .gradient-bg { 
    background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important; 
}
.floating-calculator-btn.calc-fuel-consumption .gradient-bg { 
    background: linear-gradient(135deg, #84cc16, #65a30d) !important; 
}
.floating-calculator-btn.calc-data-storage .gradient-bg { 
    background: linear-gradient(135deg, #6366f1, #4f46e5) !important; 
}
.floating-calculator-btn.calc-velocity-angular .gradient-bg { 
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important; 
}
.floating-calculator-btn.calc-acceleration .gradient-bg { 
    background: linear-gradient(135deg, #dc2626, #991b1b) !important; 
}
.floating-calculator-btn.calc-acceleration-angular .gradient-bg { 
    background: linear-gradient(135deg, #f97316, #ea580c) !important; 
}
.floating-calculator-btn.calc-density .gradient-bg { 
    background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important; 
}
.floating-calculator-btn.calc-specific-volume .gradient-bg { 
    background: linear-gradient(135deg, #14b8a6, #0d9488) !important; 
}
.floating-calculator-btn.calc-moment-of-inertia .gradient-bg { 
    background: linear-gradient(135deg, #6366f1, #4f46e5) !important; 
}
.floating-calculator-btn.calc-moment-of-force .gradient-bg { 
    background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important; 
}
.floating-calculator-btn.calc-torque .gradient-bg { 
    background: linear-gradient(135deg, #10b981, #059669) !important; 
}
.floating-calculator-btn.calc-fuel-efficiency-mass .gradient-bg { 
    background: linear-gradient(135deg, #f97316, #ea580c) !important; 
}
.floating-calculator-btn.calc-fuel-efficiency-volume .gradient-bg { 
    background: linear-gradient(135deg, #06b6d4, #0891b2) !important; 
}
.floating-calculator-btn.calc-temperature-interval .gradient-bg { 
    background: linear-gradient(135deg, #eab308, #ca8a04) !important; 
}
.floating-calculator-btn.calc-thermal-expansion .gradient-bg { 
    background: linear-gradient(135deg, #dc2626, #991b1b) !important; 
}
.floating-calculator-btn.calc-thermal-resistance .gradient-bg { 
    background: linear-gradient(135deg, #f97316, #ea580c) !important; 
}
.floating-calculator-btn.calc-thermal-conductivity .gradient-bg { 
    background: linear-gradient(135deg, #f59e0b, #d97706) !important; 
}
.floating-calculator-btn.calc-specific-heat-capacity .gradient-bg { 
    background: linear-gradient(135deg, #ec4899, #be185d) !important; 
}
.floating-calculator-btn.calc-heat-density .gradient-bg { 
    background: linear-gradient(135deg, #f43f5e, #e11d48) !important; 
}
.floating-calculator-btn.calc-heat-flux-density .gradient-bg { 
    background: linear-gradient(135deg, #dc2626, #991b1b) !important; 
}
.floating-calculator-btn.calc-heat-transfer-coefficient .gradient-bg { 
    background: linear-gradient(135deg, #f97316, #ea580c) !important; 
}
.floating-calculator-btn.calc-flow .gradient-bg { 
    background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important; 
}
.floating-calculator-btn.calc-flow-mass .gradient-bg { 
    background: linear-gradient(135deg, #10b981, #059669) !important; 
}
.floating-calculator-btn.calc-flow-molar .gradient-bg { 
    background: linear-gradient(135deg, #10b981, #059669) !important; 
}
.floating-calculator-btn.calc-mass-flux-density .gradient-bg { 
    background: linear-gradient(135deg, #6366f1, #4f46e5) !important; 
}
.floating-calculator-btn.calc-concentration-molar .gradient-bg { 
    background: linear-gradient(135deg, #eab308, #ca8a04) !important; 
}
.floating-calculator-btn.calc-concentration-solution .gradient-bg { 
    background: linear-gradient(135deg, #84cc16, #65a30d) !important; 
}
.floating-calculator-btn.calc-viscosity-dynamic .gradient-bg { 
    background: linear-gradient(135deg, #ec4899, #be185d) !important; 
}
.floating-calculator-btn.calc-viscosity-kinematic .gradient-bg { 
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important; 
}
.floating-calculator-btn.calc-surface-tension .gradient-bg { 
    background: linear-gradient(135deg, #0ea5e9, #0284c7) !important; 
}
.floating-calculator-btn.calc-permeability .gradient-bg { 
    background: linear-gradient(135deg, #06b6d4, #0891b2) !important; 
}
.floating-calculator-btn.calc-luminance .gradient-bg { 
    background: linear-gradient(135deg, #84cc16, #65a30d) !important; 
}
.floating-calculator-btn.calc-luminous-intensity .gradient-bg { 
    background: linear-gradient(135deg, #0ea5e9, #0284c7) !important; 
}
.floating-calculator-btn.calc-illumination .gradient-bg { 
    background: linear-gradient(135deg, #eab308, #ca8a04) !important; 
}
.floating-calculator-btn.calc-digital-image-resolution .gradient-bg { 
    background: linear-gradient(135deg, #f43f5e, #e11d48) !important; 
}
.floating-calculator-btn.calc-frequency-wavelength .gradient-bg { 
    background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important; 
}
.floating-calculator-btn.calc-charge .gradient-bg { 
    background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important; 
}
.floating-calculator-btn.calc-linear-charge-density .gradient-bg { 
    background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important; 
}
.floating-calculator-btn.calc-volume-charge-density .gradient-bg { 
    background: linear-gradient(135deg, #6366f1, #4f46e5) !important; 
}
.floating-calculator-btn.calc-current .gradient-bg { 
    background: linear-gradient(135deg, #10b981, #059669) !important; 
}
.floating-calculator-btn.calc-linear-current-density .gradient-bg { 
    background: linear-gradient(135deg, #84cc16, #65a30d) !important; 
}
.floating-calculator-btn.calc-surface-current-density .gradient-bg { 
    background: linear-gradient(135deg, #0ea5e9, #0284c7) !important; 
}
.floating-calculator-btn.calc-electric-field-strength .gradient-bg { 
    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important; 
}
.floating-calculator-btn.calc-electric-potential .gradient-bg { 
    background: linear-gradient(135deg, #0d9488, #0f766e) !important; 
}
.floating-calculator-btn.calc-electric-resistance .gradient-bg { 
    background: linear-gradient(135deg, #10b981, #059669) !important; 
}
.floating-calculator-btn.calc-electric-resistivity .gradient-bg { 
    background: linear-gradient(135deg, #6366f1, #4f46e5) !important; 
}
.floating-calculator-btn.calc-electric-conductance .gradient-bg { 
    background: linear-gradient(135deg, #f97316, #ea580c) !important; 
}
.floating-calculator-btn.calc-electric-conductivity .gradient-bg { 
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important; 
}
.floating-calculator-btn.calc-electrostatic-capacitance .gradient-bg { 
    background: linear-gradient(135deg, #ec4899, #f472b6) !important; 
}
.floating-calculator-btn.calc-inductance .gradient-bg { 
    background: linear-gradient(135deg, #f59e0b, #d97706) !important; 
}
.floating-calculator-btn.calc-magnetomotive-force .gradient-bg { 
    background: linear-gradient(135deg, #06b6d4, #0891b2) !important; 
}
.floating-calculator-btn.calc-magnetic-field-strength .gradient-bg { 
    background: linear-gradient(135deg, #f43f5e, #e11d48) !important; 
}
.floating-calculator-btn.calc-magnetic-flux .gradient-bg { 
    background: linear-gradient(135deg, #0ea5e9, #0284c7) !important; 
}
.floating-calculator-btn.calc-magnetic-flux-density .gradient-bg { 
    background: linear-gradient(135deg, #10b981, #059669) !important; 
}
.floating-calculator-btn.calc-radiation .gradient-bg { 
    background: linear-gradient(135deg, #ef4444, #dc2626) !important; 
}
.floating-calculator-btn.calc-radiation-activity .gradient-bg { 
    background: linear-gradient(135deg, #64748b, #475569) !important; 
}
.floating-calculator-btn.calc-radiation-exposure .gradient-bg { 
    background: linear-gradient(135deg, #3b82f6, #2563eb) !important; 
}
.floating-calculator-btn.calc-radiation-absorbed-dose .gradient-bg { 
    background: linear-gradient(135deg, #10b981, #059669) !important; 
}
.floating-calculator-btn.calc-prefixes .gradient-bg { 
    background: linear-gradient(135deg, #6366f1, #4f46e5) !important; 
}
.floating-calculator-btn.calc-data-transfer .gradient-bg { 
    background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important; 
}
.floating-calculator-btn.calc-base .gradient-bg { 
    background: linear-gradient(135deg, #8b5cf6, #3b82f6) !important; 
}
/* Dynamic color classes for back-to-top button */
.floating-back-to-top-btn.calc-currency .gradient-bg { 
    background: linear-gradient(135deg, #10b981, #3b82f6) !important; 
}
.floating-back-to-top-btn.calc-temperature .gradient-bg { 
    background: linear-gradient(135deg, #ef4444, #dc2626) !important; 
}
.floating-back-to-top-btn.calc-length .gradient-bg { 
    background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important; 
}
.floating-back-to-top-btn.calc-weight .gradient-bg { 
    background: linear-gradient(135deg, #10b981, #059669) !important; 
}
.floating-back-to-top-btn.calc-volume .gradient-bg { 
    background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important; 
}
.floating-back-to-top-btn.calc-area .gradient-bg { 
    background: linear-gradient(135deg, #0d9488, #115e59) !important; 
}
.floating-back-to-top-btn.calc-time .gradient-bg { 
    background: linear-gradient(135deg, #f97316, #ea580c) !important; 
}
.floating-back-to-top-btn.calc-pressure .gradient-bg { 
    background: linear-gradient(135deg, #06b6d4, #0891b2) !important; 
}
.floating-back-to-top-btn.calc-energy .gradient-bg { 
    background: linear-gradient(135deg, #f59e0b, #d97706) !important; 
}
.floating-back-to-top-btn.calc-speed .gradient-bg { 
    background: linear-gradient(135deg, #f43f5e, #e11d48) !important; 
}
.floating-back-to-top-btn.calc-volume-dry .gradient-bg { 
    background: linear-gradient(135deg, #f97316, #ea580c) !important; 
}
.floating-back-to-top-btn.calc-volume-lumber .gradient-bg { 
    background: linear-gradient(135deg, #f59e0b, #d97706) !important; 
}
.floating-back-to-top-btn.calc-sound .gradient-bg { 
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important; 
}
.floating-back-to-top-btn.calc-case-converter .gradient-bg { 
    background: linear-gradient(135deg, #06b6d4, #0891b2) !important; 
}
.floating-back-to-top-btn.calc-typography .gradient-bg { 
    background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important; 
}
.floating-back-to-top-btn.calc-power .gradient-bg { 
    background: linear-gradient(135deg, #f59e0b, #d97706) !important; 
}
.floating-back-to-top-btn.calc-force .gradient-bg { 
    background: linear-gradient(135deg, #dc2626, #991b1b) !important; 
}
.floating-back-to-top-btn.calc-angle .gradient-bg { 
    background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important; 
}
.floating-back-to-top-btn.calc-fuel-consumption .gradient-bg { 
    background: linear-gradient(135deg, #84cc16, #65a30d) !important; 
}
.floating-back-to-top-btn.calc-data-storage .gradient-bg { 
    background: linear-gradient(135deg, #6366f1, #4f46e5) !important; 
}
.floating-back-to-top-btn.calc-velocity-angular .gradient-bg { 
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important; 
}
.floating-back-to-top-btn.calc-acceleration .gradient-bg { 
    background: linear-gradient(135deg, #dc2626, #991b1b) !important; 
}
.floating-back-to-top-btn.calc-acceleration-angular .gradient-bg { 
    background: linear-gradient(135deg, #f97316, #ea580c) !important; 
}
.floating-back-to-top-btn.calc-density .gradient-bg { 
    background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important; 
}
.floating-back-to-top-btn.calc-specific-volume .gradient-bg { 
    background: linear-gradient(135deg, #14b8a6, #0d9488) !important; 
}
.floating-back-to-top-btn.calc-moment-of-inertia .gradient-bg { 
    background: linear-gradient(135deg, #6366f1, #4f46e5) !important; 
}
.floating-back-to-top-btn.calc-moment-of-force .gradient-bg { 
    background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important; 
}
.floating-back-to-top-btn.calc-torque .gradient-bg { 
    background: linear-gradient(135deg, #10b981, #059669) !important; 
}
.floating-back-to-top-btn.calc-fuel-efficiency-mass .gradient-bg { 
    background: linear-gradient(135deg, #f97316, #ea580c) !important; 
}
.floating-back-to-top-btn.calc-fuel-efficiency-volume .gradient-bg { 
    background: linear-gradient(135deg, #06b6d4, #0891b2) !important; 
}
.floating-back-to-top-btn.calc-temperature-interval .gradient-bg { 
    background: linear-gradient(135deg, #eab308, #ca8a04) !important; 
}
.floating-back-to-top-btn.calc-thermal-expansion .gradient-bg { 
    background: linear-gradient(135deg, #dc2626, #991b1b) !important; 
}
.floating-back-to-top-btn.calc-thermal-resistance .gradient-bg { 
    background: linear-gradient(135deg, #f97316, #ea580c) !important; 
}
.floating-back-to-top-btn.calc-thermal-conductivity .gradient-bg { 
    background: linear-gradient(135deg, #f59e0b, #d97706) !important; 
}
.floating-back-to-top-btn.calc-specific-heat-capacity .gradient-bg { 
    background: linear-gradient(135deg, #ec4899, #be185d) !important; 
}
.floating-back-to-top-btn.calc-heat-density .gradient-bg { 
    background: linear-gradient(135deg, #f43f5e, #e11d48) !important; 
}
.floating-back-to-top-btn.calc-heat-flux-density .gradient-bg { 
    background: linear-gradient(135deg, #dc2626, #991b1b) !important; 
}
.floating-back-to-top-btn.calc-heat-transfer-coefficient .gradient-bg { 
    background: linear-gradient(135deg, #f97316, #ea580c) !important; 
}
.floating-back-to-top-btn.calc-flow .gradient-bg { 
    background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important; 
}
.floating-back-to-top-btn.calc-flow-mass .gradient-bg { 
    background: linear-gradient(135deg, #10b981, #059669) !important; 
}
.floating-back-to-top-btn.calc-flow-molar .gradient-bg { 
    background: linear-gradient(135deg, #10b981, #059669) !important; 
}
.floating-back-to-top-btn.calc-mass-flux-density .gradient-bg { 
    background: linear-gradient(135deg, #6366f1, #4f46e5) !important; 
}
.floating-back-to-top-btn.calc-concentration-molar .gradient-bg { 
    background: linear-gradient(135deg, #eab308, #ca8a04) !important; 
}
.floating-back-to-top-btn.calc-concentration-solution .gradient-bg { 
    background: linear-gradient(135deg, #84cc16, #65a30d) !important; 
}
.floating-back-to-top-btn.calc-viscosity-dynamic .gradient-bg { 
    background: linear-gradient(135deg, #ec4899, #be185d) !important; 
}
.floating-back-to-top-btn.calc-viscosity-kinematic .gradient-bg { 
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important; 
}
.floating-back-to-top-btn.calc-surface-tension .gradient-bg { 
    background: linear-gradient(135deg, #0ea5e9, #0284c7) !important; 
}
.floating-back-to-top-btn.calc-permeability .gradient-bg { 
    background: linear-gradient(135deg, #06b6d4, #0891b2) !important; 
}
.floating-back-to-top-btn.calc-luminance .gradient-bg { 
    background: linear-gradient(135deg, #84cc16, #65a30d) !important; 
}
.floating-back-to-top-btn.calc-luminous-intensity .gradient-bg { 
    background: linear-gradient(135deg, #0ea5e9, #0284c7) !important; 
}
.floating-back-to-top-btn.calc-illumination .gradient-bg { 
    background: linear-gradient(135deg, #eab308, #ca8a04) !important; 
}
.floating-back-to-top-btn.calc-digital-image-resolution .gradient-bg { 
    background: linear-gradient(135deg, #f43f5e, #e11d48) !important; 
}
.floating-back-to-top-btn.calc-frequency-wavelength .gradient-bg { 
    background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important; 
}
.floating-back-to-top-btn.calc-charge .gradient-bg { 
    background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important; 
}
.floating-back-to-top-btn.calc-linear-charge-density .gradient-bg { 
    background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important; 
}
.floating-back-to-top-btn.calc-volume-charge-density .gradient-bg { 
    background: linear-gradient(135deg, #6366f1, #4f46e5) !important; 
}
.floating-back-to-top-btn.calc-current .gradient-bg { 
    background: linear-gradient(135deg, #10b981, #059669) !important; 
}
.floating-back-to-top-btn.calc-linear-current-density .gradient-bg { 
    background: linear-gradient(135deg, #84cc16, #65a30d) !important; 
}
.floating-back-to-top-btn.calc-surface-current-density .gradient-bg { 
    background: linear-gradient(135deg, #0ea5e9, #0284c7) !important; 
}
.floating-back-to-top-btn.calc-electric-field-strength .gradient-bg { 
    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important; 
}
.floating-back-to-top-btn.calc-electric-potential .gradient-bg { 
    background: linear-gradient(135deg, #0d9488, #0f766e) !important; 
}
.floating-back-to-top-btn.calc-electric-resistance .gradient-bg { 
    background: linear-gradient(135deg, #10b981, #059669) !important; 
}
.floating-back-to-top-btn.calc-electric-resistivity .gradient-bg { 
    background: linear-gradient(135deg, #6366f1, #4f46e5) !important; 
}
.floating-back-to-top-btn.calc-electric-conductance .gradient-bg { 
    background: linear-gradient(135deg, #f97316, #ea580c) !important; 
}
.floating-back-to-top-btn.calc-electric-conductivity .gradient-bg { 
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important; 
}
.floating-back-to-top-btn.calc-electrostatic-capacitance .gradient-bg { 
    background: linear-gradient(135deg, #ec4899, #f472b6) !important; 
}
.floating-back-to-top-btn.calc-inductance .gradient-bg { 
    background: linear-gradient(135deg, #f59e0b, #d97706) !important; 
}
.floating-back-to-top-btn.calc-magnetomotive-force .gradient-bg { 
    background: linear-gradient(135deg, #06b6d4, #0891b2) !important; 
}
.floating-back-to-top-btn.calc-magnetic-field-strength .gradient-bg { 
    background: linear-gradient(135deg, #f43f5e, #e11d48) !important; 
}
.floating-back-to-top-btn.calc-magnetic-flux .gradient-bg { 
    background: linear-gradient(135deg, #0ea5e9, #0284c7) !important; 
}
.floating-back-to-top-btn.calc-magnetic-flux-density .gradient-bg { 
    background: linear-gradient(135deg, #10b981, #059669) !important; 
}
.floating-back-to-top-btn.calc-radiation .gradient-bg { 
    background: linear-gradient(135deg, #ef4444, #dc2626) !important; 
}
.floating-back-to-top-btn.calc-radiation-activity .gradient-bg { 
    background: linear-gradient(135deg, #64748b, #475569) !important; 
}
.floating-back-to-top-btn.calc-radiation-exposure .gradient-bg { 
    background: linear-gradient(135deg, #3b82f6, #2563eb) !important; 
}
.floating-back-to-top-btn.calc-radiation-absorbed-dose .gradient-bg { 
    background: linear-gradient(135deg, #10b981, #059669) !important; 
}
.floating-back-to-top-btn.calc-prefixes .gradient-bg { 
    background: linear-gradient(135deg, #6366f1, #4f46e5) !important; 
}
.floating-back-to-top-btn.calc-data-transfer .gradient-bg { 
    background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important; 
}
.floating-back-to-top-btn.calc-base .gradient-bg { 
    background: linear-gradient(135deg, #8b5cf6, #3b82f6) !important; 
}
/* Ensure floating buttons have equal visual size on all screens */
.floating-back-to-top-btn .relative,
#floating-calculator .relative {
    width: 56px;
    height: 56px;
    padding: 0; /* handled by equal sizing */
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Calculator panel animations */
.calculator-panel-enter { animation: calcFadeIn 0.18s ease-out; }
.calculator-panel-exit {
    animation: slideDown 0.3s ease-in;
}
@keyframes calcFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes slideDown {
    from { transform: translateY(0); opacity: 1; }
    to { transform: translateY(20px); opacity: 0; }
}
/* Calculator expression display */
#calc-expression {
    word-break: break-all;
    overflow-wrap: break-word;
    min-height: 2rem;
    line-height: 1.5;
}
/* Calculator button styles (matching calculator page) */
.calc-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    border: none;
    border-radius: 1rem;
    font-weight: 700;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.1);
}
.calc-btn-text {
    position: relative;
    z-index: 1;
}
.calc-btn:active {
    transform: scale(0.95) translateY(1px);
}
.calc-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
}
.calc-number {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    color: #1e293b;
    box-shadow: 0 4px 14px 0 rgba(148, 163, 184, 0.3);
}
.calc-number:hover {
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
    box-shadow: 0 6px 20px 0 rgba(148, 163, 184, 0.4);
    transform: translateY(-2px);
}
.calc-operator {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.4);
}
.calc-operator:hover {
    background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
    box-shadow: 0 6px 20px 0 rgba(59, 130, 246, 0.5);
    transform: translateY(-2px);
}
.calc-function {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    color: white;
    box-shadow: 0 4px 14px 0 rgba(99, 102, 241, 0.4);
}
.calc-function:hover {
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
    box-shadow: 0 6px 20px 0 rgba(99, 102, 241, 0.5);
    transform: translateY(-2px);
}
.calc-equals {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    box-shadow: 0 4px 14px 0 rgba(16, 185, 129, 0.4);
}
.calc-equals:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    box-shadow: 0 6px 20px 0 rgba(16, 185, 129, 0.5);
    transform: translateY(-2px);
}
/* Force dark mode styles - DISABLED */
/* Custom Rose Colors for Speed and Magnetic Field Strength Converters */
.from-rose-100 { --tw-gradient-from: #ffe4e6; --tw-gradient-to: rgb(255 228 230); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-200 { --tw-gradient-from: #fecdd3; --tw-gradient-to: rgb(254 205 211); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-300 { --tw-gradient-from: #fda4af; --tw-gradient-to: rgb(253 164 175); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-400 { --tw-gradient-from: #fb7185; --tw-gradient-to: rgb(251 113 133); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-500 { --tw-gradient-from: #f43f5e; --tw-gradient-to: rgb(244 63 94); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-600 { --tw-gradient-from: #e11d48; --tw-gradient-to: rgb(225 29 72); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-700 { --tw-gradient-from: #be123c; --tw-gradient-to: rgb(190 18 60); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-800 { --tw-gradient-from: #9f1239; --tw-gradient-to: rgb(159 18 57); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-900 { --tw-gradient-from: #881337; --tw-gradient-to: rgb(136 19 55); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
/* Custom Amber Colors for Power and Inductance Converters */
.from-amber-100 { --tw-gradient-from: #fef3c7; --tw-gradient-to: rgb(254 243 199); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-amber-200 { --tw-gradient-from: #fde68a; --tw-gradient-to: rgb(253 230 138); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-amber-300 { --tw-gradient-from: #fcd34d; --tw-gradient-to: rgb(252 211 77); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-amber-400 { --tw-gradient-from: #fbbf24; --tw-gradient-to: rgb(251 191 36); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-amber-500 { --tw-gradient-from: #f59e0b; --tw-gradient-to: rgb(245 158 11); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-amber-600 { --tw-gradient-from: #d97706; --tw-gradient-to: rgb(217 119 6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-amber-700 { --tw-gradient-from: #b45309; --tw-gradient-to: rgb(180 83 9); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-amber-800 { --tw-gradient-from: #92400e; --tw-gradient-to: rgb(146 64 14); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-amber-900 { --tw-gradient-from: #78350f; --tw-gradient-to: rgb(120 53 15); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-rose-100 { --tw-gradient-to: #ffe4e6; }
.to-rose-200 { --tw-gradient-to: #fecdd3; }
.to-rose-300 { --tw-gradient-to: #fda4af; }
.to-rose-400 { --tw-gradient-to: #fb7185; }
.to-rose-500 { --tw-gradient-to: #f43f5e; }
.to-rose-600 { --tw-gradient-to: #e11d48; }
.to-rose-700 { --tw-gradient-to: #be123c; }
.to-rose-800 { --tw-gradient-to: #9f1239; }
.to-rose-900 { --tw-gradient-to: #881337; }
.to-amber-100 { --tw-gradient-to: #fef3c7; }
.to-amber-200 { --tw-gradient-to: #fde68a; }
.to-amber-300 { --tw-gradient-to: #fcd34d; }
.to-amber-400 { --tw-gradient-to: #fbbf24; }
.to-amber-500 { --tw-gradient-to: #f59e0b; }
.to-amber-600 { --tw-gradient-to: #d97706; }
.to-amber-700 { --tw-gradient-to: #b45309; }
.to-amber-800 { --tw-gradient-to: #92400e; }
.to-amber-900 { --tw-gradient-to: #78350f; }
/* Custom Red Colors for Force and Radiation Converters */
.from-red-100 { --tw-gradient-from: #fee2e2; --tw-gradient-to: rgb(254 226 226); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-200 { --tw-gradient-from: #fecaca; --tw-gradient-to: rgb(254 202 202); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-300 { --tw-gradient-from: #fca5a5; --tw-gradient-to: rgb(252 165 165); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-400 { --tw-gradient-from: #f87171; --tw-gradient-to: rgb(248 113 113); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-500 { --tw-gradient-from: #ef4444; --tw-gradient-to: rgb(239 68 68); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-600 { --tw-gradient-from: #dc2626; --tw-gradient-to: rgb(220 38 38); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-700 { --tw-gradient-from: #b91c1c; --tw-gradient-to: rgb(185 28 28); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-800 { --tw-gradient-from: #991b1b; --tw-gradient-to: rgb(153 27 27); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-900 { --tw-gradient-from: #7f1d1d; --tw-gradient-to: rgb(127 29 29); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-red-100 { --tw-gradient-to: #fee2e2; }
.to-red-200 { --tw-gradient-to: #fecaca; }
.to-red-300 { --tw-gradient-to: #fca5a5; }
.to-red-400 { --tw-gradient-to: #f87171; }
.to-red-500 { --tw-gradient-to: #ef4444; }
.to-red-600 { --tw-gradient-to: #dc2626; }
.to-red-700 { --tw-gradient-to: #b91c1c; }
.to-red-800 { --tw-gradient-to: #991b1b; }
.to-red-900 { --tw-gradient-to: #7f1d1d; }
/* Custom Slate Colors for Radiation Activity Converter */
.from-slate-100 { --tw-gradient-from: #f1f5f9; --tw-gradient-to: rgb(241 245 249); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-slate-200 { --tw-gradient-from: #e2e8f0; --tw-gradient-to: rgb(226 232 240); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-slate-300 { --tw-gradient-from: #cbd5e1; --tw-gradient-to: rgb(203 213 225); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-slate-400 { --tw-gradient-from: #94a3b8; --tw-gradient-to: rgb(148 163 184); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-slate-500 { --tw-gradient-from: #64748b; --tw-gradient-to: rgb(100 116 139); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-slate-600 { --tw-gradient-from: #475569; --tw-gradient-to: rgb(71 85 105); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-slate-700 { --tw-gradient-from: #334155; --tw-gradient-to: rgb(51 65 85); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-slate-800 { --tw-gradient-from: #1e293b; --tw-gradient-to: rgb(30 41 59); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-slate-900 { --tw-gradient-from: #0f172a; --tw-gradient-to: rgb(15 23 42); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-slate-100 { --tw-gradient-to: #f1f5f9; }
.to-slate-200 { --tw-gradient-to: #e2e8f0; }
.to-slate-300 { --tw-gradient-to: #cbd5e1; }
.to-slate-400 { --tw-gradient-to: #94a3b8; }
.to-slate-500 { --tw-gradient-to: #64748b; }
.to-slate-600 { --tw-gradient-to: #475569; }
.to-slate-700 { --tw-gradient-to: #334155; }
.to-slate-800 { --tw-gradient-to: #1e293b; }
.to-slate-900 { --tw-gradient-to: #0f172a; }
.bg-slate-50 { background-color: #f8fafc; }
.bg-slate-100 { background-color: #f1f5f9; }
.bg-slate-200 { background-color: #e2e8f0; }
.bg-slate-300 { background-color: #cbd5e1; }
.bg-slate-400 { background-color: #94a3b8; }
.bg-slate-500 { background-color: #64748b; }
.bg-slate-600 { background-color: #475569; }
.bg-slate-700 { background-color: #334155; }
.bg-slate-800 { background-color: #1e293b; }
.bg-slate-900 { background-color: #0f172a; }
.text-slate-50 { color: #f8fafc; }
.text-slate-100 { color: #f1f5f9; }
.text-slate-200 { color: #e2e8f0; }
.text-slate-300 { color: #cbd5e1; }
.text-slate-400 { color: #94a3b8; }
.text-slate-500 { color: #64748b; }
.text-slate-600 { color: #475569; }
.text-slate-700 { color: #334155; }
.text-slate-800 { color: #1e293b; }
.text-slate-900 { color: #0f172a; }
.border-slate-50 { border-color: #f8fafc; }
.border-slate-100 { border-color: #f1f5f9; }
.border-slate-200 { border-color: #e2e8f0; }
.border-slate-300 { border-color: #cbd5e1; }
.border-slate-400 { border-color: #94a3b8; }
.border-slate-500 { border-color: #64748b; }
.border-slate-600 { border-color: #475569; }
.border-slate-700 { border-color: #334155; }
.border-slate-800 { border-color: #1e293b; }
.border-slate-900 { border-color: #0f172a; }
.bg-rose-50 { background-color: #fff1f2; }
.bg-rose-100 { background-color: #ffe4e6; }
.bg-rose-200 { background-color: #fecdd3; }
.bg-rose-300 { background-color: #fda4af; }
.bg-rose-400 { background-color: #fb7185; }
.bg-rose-500 { background-color: #f43f5e; }
.bg-rose-600 { background-color: #e11d48; }
.bg-rose-700 { background-color: #be123c; }
.bg-rose-800 { background-color: #9f1239; }
.bg-rose-900 { background-color: #881337; }
.bg-amber-50 { background-color: #fffbeb; }
.bg-amber-100 { background-color: #fef3c7; }
.bg-amber-200 { background-color: #fde68a; }
.bg-amber-300 { background-color: #fcd34d; }
.bg-amber-400 { background-color: #fbbf24; }
.bg-amber-500 { background-color: #f59e0b; }
.bg-amber-600 { background-color: #d97706; }
.bg-amber-700 { background-color: #b45309; }
.bg-amber-800 { background-color: #92400e; }
.bg-amber-900 { background-color: #78350f; }
.bg-red-50 { background-color: #fef2f2; }
.bg-red-100 { background-color: #fee2e2; }
.bg-red-200 { background-color: #fecaca; }
.bg-red-300 { background-color: #fca5a5; }
.bg-red-400 { background-color: #f87171; }
.bg-red-500 { background-color: #ef4444; }
.bg-red-600 { background-color: #dc2626; }
.bg-red-700 { background-color: #b91c1c; }
.bg-red-800 { background-color: #991b1b; }
.bg-red-900 { background-color: #7f1d1d; }
.text-rose-50 { color: #fff1f2; }
.text-rose-100 { color: #ffe4e6; }
.text-rose-200 { color: #fecdd3; }
.text-rose-300 { color: #fda4af; }
.text-rose-400 { color: #fb7185; }
.text-rose-500 { color: #f43f5e; }
.text-rose-600 { color: #e11d48; }
.text-rose-700 { color: #be123c; }
.text-rose-800 { color: #9f1239; }
.text-rose-900 { color: #881337; }
.text-amber-50 { color: #fffbeb; }
.text-amber-100 { color: #fef3c7; }
.text-amber-200 { color: #fde68a; }
.text-amber-300 { color: #fcd34d; }
.text-amber-400 { color: #fbbf24; }
.text-amber-500 { color: #f59e0b; }
.text-amber-600 { color: #d97706; }
.text-amber-700 { color: #b45309; }
.text-amber-800 { color: #92400e; }
.text-amber-900 { color: #78350f; }
.text-red-50 { color: #fef2f2; }
.text-red-100 { color: #fee2e2; }
.text-red-200 { color: #fecaca; }
.text-red-300 { color: #fca5a5; }
.text-red-400 { color: #f87171; }
.text-red-500 { color: #ef4444; }
.text-red-600 { color: #dc2626; }
.text-red-700 { color: #b91c1c; }
.text-red-800 { color: #991b1b; }
.text-red-900 { color: #7f1d1d; }
.border-rose-50 { border-color: #fff1f2; }
.border-rose-100 { border-color: #ffe4e6; }
.border-rose-200 { border-color: #fecdd3; }
.border-rose-300 { border-color: #fda4af; }
.border-rose-400 { border-color: #fb7185; }
.border-rose-500 { border-color: #f43f5e; }
.border-rose-600 { border-color: #e11d48; }
.border-rose-700 { border-color: #be123c; }
.border-rose-800 { border-color: #9f1239; }
.border-rose-900 { border-color: #881337; }
.border-amber-50 { border-color: #fffbeb; }
.border-amber-100 { border-color: #fef3c7; }
.border-amber-200 { border-color: #fde68a; }
.border-amber-300 { border-color: #fcd34d; }
.border-amber-400 { border-color: #fbbf24; }
.border-amber-500 { border-color: #f59e0b; }
.border-amber-600 { border-color: #d97706; }
.border-amber-700 { border-color: #b45309; }
.border-amber-800 { border-color: #92400e; }
.border-amber-900 { border-color: #78350f; }
.border-red-50 { border-color: #fef2f2; }
.border-red-100 { border-color: #fee2e2; }
.border-red-200 { border-color: #fecaca; }
.border-red-300 { border-color: #fca5a5; }
.border-red-400 { border-color: #f87171; }
.border-red-500 { border-color: #ef4444; }
.border-red-600 { border-color: #dc2626; }
.border-red-700 { border-color: #b91c1c; }
.border-red-800 { border-color: #991b1b; }
.border-red-900 { border-color: #7f1d1d; }
/* Custom Purple Colors for Angle, Velocity - Angular, Electric Conductivity, and Data Transfer Converters */
.from-purple-100 { --tw-gradient-from: #f3e8ff; --tw-gradient-to: rgb(243 232 255); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-200 { --tw-gradient-from: #e9d5ff; --tw-gradient-to: rgb(233 213 255); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-300 { --tw-gradient-from: #d8b4fe; --tw-gradient-to: rgb(216 180 254); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-400 { --tw-gradient-from: #c084fc; --tw-gradient-to: rgb(192 132 252); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-500 { --tw-gradient-from: #a855f7; --tw-gradient-to: rgb(168 85 247); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-600 { --tw-gradient-from: #9333ea; --tw-gradient-to: rgb(147 51 234); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-700 { --tw-gradient-from: #7c3aed; --tw-gradient-to: rgb(124 58 237); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-800 { --tw-gradient-from: #6b21a8; --tw-gradient-to: rgb(107 33 168); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-900 { --tw-gradient-from: #581c87; --tw-gradient-to: rgb(88 28 135); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
/* Custom Purple Colors for Velocity - Angular Converter */
.from-purple-100 { --tw-gradient-from: #f3e8ff; --tw-gradient-to: rgb(243 232 255); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-200 { --tw-gradient-from: #e9d5ff; --tw-gradient-to: rgb(233 213 255); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-300 { --tw-gradient-from: #d8b4fe; --tw-gradient-to: rgb(216 180 254); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-400 { --tw-gradient-from: #c084fc; --tw-gradient-to: rgb(192 132 252); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-500 { --tw-gradient-from: #a855f7; --tw-gradient-to: rgb(168 85 247); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-600 { --tw-gradient-from: #9333ea; --tw-gradient-to: rgb(147 51 234); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-700 { --tw-gradient-from: #7c3aed; --tw-gradient-to: rgb(124 58 237); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-800 { --tw-gradient-from: #6b21a8; --tw-gradient-to: rgb(107 33 168); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-900 { --tw-gradient-from: #581c87; --tw-gradient-to: rgb(88 28 135); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-purple-100 { --tw-gradient-to: #f3e8ff; }
.to-purple-200 { --tw-gradient-to: #e9d5ff; }
.to-purple-300 { --tw-gradient-to: #d8b4fe; }
.to-purple-400 { --tw-gradient-to: #c084fc; }
.to-purple-500 { --tw-gradient-to: #a855f7; }
.to-purple-600 { --tw-gradient-to: #9333ea; }
.to-purple-700 { --tw-gradient-to: #7c3aed; }
.to-purple-800 { --tw-gradient-to: #6b21a8; }
.to-purple-900 { --tw-gradient-to: #581c87; }
.bg-purple-50 { background-color: #faf5ff; }
.bg-purple-100 { background-color: #f3e8ff; }
.bg-purple-200 { background-color: #e9d5ff; }
.bg-purple-300 { background-color: #d8b4fe; }
.bg-purple-400 { background-color: #c084fc; }
.bg-purple-500 { background-color: #a855f7; }
.bg-purple-600 { background-color: #9333ea; }
.bg-purple-700 { background-color: #7c3aed; }
.bg-purple-800 { background-color: #6b21a8; }
.bg-purple-900 { background-color: #581c87; }
.text-purple-50 { color: #faf5ff; }
.text-purple-100 { color: #f3e8ff; }
.text-purple-200 { color: #e9d5ff; }
.text-purple-300 { color: #d8b4fe; }
.text-purple-400 { color: #c084fc; }
.text-purple-500 { color: #a855f7; }
.text-purple-600 { color: #9333ea; }
.text-purple-700 { color: #7c3aed; }
.text-purple-800 { color: #6b21a8; }
.text-purple-900 { color: #581c87; }
.border-purple-50 { border-color: #faf5ff; }
.border-purple-100 { border-color: #f3e8ff; }
.border-purple-200 { border-color: #e9d5ff; }
.border-purple-300 { border-color: #d8b4fe; }
.border-purple-400 { border-color: #c084fc; }
.border-purple-500 { border-color: #a855f7; }
.border-purple-600 { border-color: #9333ea; }
.border-purple-700 { border-color: #7c3aed; }
.border-purple-800 { border-color: #6b21a8; }
.border-purple-900 { border-color: #581c87; }
/* Custom Sky Colors for Surface Tension and Magnetic Flux Converters */
.from-sky-100 { --tw-gradient-from: #e0f2fe; --tw-gradient-to: rgb(224 242 254); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-200 { --tw-gradient-from: #bae6fd; --tw-gradient-to: rgb(186 230 253); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-300 { --tw-gradient-from: #7dd3fc; --tw-gradient-to: rgb(125 211 252); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-400 { --tw-gradient-from: #38bdf8; --tw-gradient-to: rgb(56 189 248); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-500 { --tw-gradient-from: #0ea5e9; --tw-gradient-to: rgb(14 165 233); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-600 { --tw-gradient-from: #0284c7; --tw-gradient-to: rgb(2 132 199); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-700 { --tw-gradient-from: #0369a1; --tw-gradient-to: rgb(3 105 161); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-800 { --tw-gradient-from: #075985; --tw-gradient-to: rgb(7 89 133); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-900 { --tw-gradient-from: #0c4a6e; --tw-gradient-to: rgb(12 74 110); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-sky-100 { --tw-gradient-to: #e0f2fe; }
.to-sky-200 { --tw-gradient-to: #bae6fd; }
.to-sky-300 { --tw-gradient-to: #7dd3fc; }
.to-sky-400 { --tw-gradient-to: #38bdf8; }
.to-sky-500 { --tw-gradient-to: #0ea5e9; }
.to-sky-600 { --tw-gradient-to: #0284c7; }
.to-sky-700 { --tw-gradient-to: #0369a1; }
.to-sky-800 { --tw-gradient-to: #075985; }
.to-sky-900 { --tw-gradient-to: #0c4a6e; }
.bg-sky-50 { background-color: #f0f9ff; }
.bg-sky-100 { background-color: #e0f2fe; }
.bg-sky-200 { background-color: #bae6fd; }
.bg-sky-300 { background-color: #7dd3fc; }
.bg-sky-400 { background-color: #38bdf8; }
.bg-sky-500 { background-color: #0ea5e9; }
.bg-sky-600 { background-color: #0284c7; }
.bg-sky-700 { background-color: #0369a1; }
.bg-sky-800 { background-color: #075985; }
.bg-sky-900 { background-color: #0c4a6e; }
.text-sky-100 { color: #e0f2fe; }
.text-sky-200 { color: #bae6fd; }
.text-sky-300 { color: #7dd3fc; }
.text-sky-400 { color: #38bdf8; }
.text-sky-500 { color: #0ea5e9; }
.text-sky-600 { color: #0284c7; }
.text-sky-700 { color: #0369a1; }
.text-sky-800 { color: #075985; }
.text-sky-900 { color: #0c4a6e; }
.border-sky-200 { border-color: #bae6fd; }
.border-sky-300 { border-color: #7dd3fc; }
.border-sky-400 { border-color: #38bdf8; }
.border-sky-500 { border-color: #0ea5e9; }
.border-sky-600 { border-color: #0284c7; }
.border-sky-700 { border-color: #0369a1; }
.border-sky-800 { border-color: #075985; }
.border-sky-900 { border-color: #0c4a6e; }
/* Custom Red Colors for Acceleration Converter */
.from-red-100 { --tw-gradient-from: #fee2e2; --tw-gradient-to: rgb(254 226 226); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-200 { --tw-gradient-from: #fecaca; --tw-gradient-to: rgb(254 202 202); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-300 { --tw-gradient-from: #fca5a5; --tw-gradient-to: rgb(252 165 165); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-400 { --tw-gradient-from: #f87171; --tw-gradient-to: rgb(248 113 113); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-500 { --tw-gradient-from: #ef4444; --tw-gradient-to: rgb(239 68 68); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-600 { --tw-gradient-from: #dc2626; --tw-gradient-to: rgb(220 38 38); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-700 { --tw-gradient-from: #b91c1c; --tw-gradient-to: rgb(185 28 28); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-800 { --tw-gradient-from: #991b1b; --tw-gradient-to: rgb(153 27 27); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-900 { --tw-gradient-from: #7f1d1d; --tw-gradient-to: rgb(127 29 29); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-red-100 { --tw-gradient-to: #fee2e2; }
.to-red-200 { --tw-gradient-to: #fecaca; }
.to-red-300 { --tw-gradient-to: #fca5a5; }
.to-red-400 { --tw-gradient-to: #f87171; }
.to-red-500 { --tw-gradient-to: #ef4444; }
.to-red-600 { --tw-gradient-to: #dc2626; }
.to-red-700 { --tw-gradient-to: #b91c1c; }
.to-red-800 { --tw-gradient-to: #991b1b; }
.to-red-900 { --tw-gradient-to: #7f1d1d; }
.bg-red-50 { background-color: #fef2f2; }
.bg-red-100 { background-color: #fee2e2; }
.bg-red-200 { background-color: #fecaca; }
.bg-red-300 { background-color: #fca5a5; }
.bg-red-400 { background-color: #f87171; }
.bg-red-500 { background-color: #ef4444; }
.bg-red-600 { background-color: #dc2626; }
.bg-red-700 { background-color: #b91c1c; }
.bg-red-800 { background-color: #991b1b; }
.bg-red-900 { background-color: #7f1d1d; }
.text-red-50 { color: #fef2f2; }
.text-red-100 { color: #fee2e2; }
.text-red-200 { color: #fecaca; }
.text-red-300 { color: #fca5a5; }
.text-red-400 { color: #f87171; }
.text-red-500 { color: #ef4444; }
.text-red-600 { color: #dc2626; }
.text-red-700 { color: #b91c1c; }
.text-red-800 { color: #991b1b; }
.text-red-900 { color: #7f1d1d; }
.border-red-50 { border-color: #fef2f2; }
.border-red-100 { border-color: #fee2e2; }
.border-red-200 { border-color: #fecaca; }
.border-red-300 { border-color: #fca5a5; }
.border-red-400 { border-color: #f87171; }
.border-red-500 { border-color: #ef4444; }
.border-red-600 { border-color: #dc2626; }
.border-red-700 { border-color: #b91c1c; }
.border-red-800 { border-color: #991b1b; }
.border-red-900 { border-color: #7f1d1d; }
/* Custom Orange Colors for Acceleration - Angular Converter */
.from-orange-100 { --tw-gradient-from: #fed7aa; --tw-gradient-to: rgb(254 215 170); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-200 { --tw-gradient-from: #fdba74; --tw-gradient-to: rgb(253 186 116); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-300 { --tw-gradient-from: #fb923c; --tw-gradient-to: rgb(251 146 60); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-400 { --tw-gradient-from: #f97316; --tw-gradient-to: rgb(249 115 22); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-500 { --tw-gradient-from: #ea580c; --tw-gradient-to: rgb(234 88 12); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-600 { --tw-gradient-from: #dc2626; --tw-gradient-to: rgb(220 38 38); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-700 { --tw-gradient-from: #b91c1c; --tw-gradient-to: rgb(185 28 28); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-800 { --tw-gradient-from: #991b1b; --tw-gradient-to: rgb(153 27 27); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-900 { --tw-gradient-from: #7f1d1d; --tw-gradient-to: rgb(127 29 29); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-orange-100 { --tw-gradient-to: #fed7aa; }
.to-orange-200 { --tw-gradient-to: #fdba74; }
.to-orange-300 { --tw-gradient-to: #fb923c; }
.to-orange-400 { --tw-gradient-to: #f97316; }
.to-orange-500 { --tw-gradient-to: #ea580c; }
.to-orange-600 { --tw-gradient-to: #dc2626; }
.to-orange-700 { --tw-gradient-to: #b91c1c; }
.to-orange-800 { --tw-gradient-to: #991b1b; }
.to-orange-900 { --tw-gradient-to: #7f1d1d; }
.bg-orange-50 { background-color: #fff7ed; }
.bg-orange-100 { background-color: #fed7aa; }
.bg-orange-200 { background-color: #fdba74; }
.bg-orange-300 { background-color: #fb923c; }
.bg-orange-400 { background-color: #f97316; }
.bg-orange-500 { background-color: #ea580c; }
.bg-orange-600 { background-color: #dc2626; }
.bg-orange-700 { background-color: #b91c1c; }
.bg-orange-800 { background-color: #991b1b; }
.bg-orange-900 { background-color: #7f1d1d; }
.text-orange-50 { color: #fff7ed; }
.text-orange-100 { color: #fed7aa; }
.text-orange-200 { color: #fdba74; }
.text-orange-300 { color: #fb923c; }
.text-orange-400 { color: #f97316; }
.text-orange-500 { color: #ea580c; }
.text-orange-600 { color: #dc2626; }
.text-orange-700 { color: #b91c1c; }
.text-orange-800 { color: #991b1b; }
.text-orange-900 { color: #7f1d1d; }
.border-orange-50 { border-color: #fff7ed; }
.border-orange-100 { border-color: #fed7aa; }
.border-orange-200 { border-color: #fdba74; }
.border-orange-300 { border-color: #fb923c; }
.border-orange-400 { border-color: #f97316; }
.border-orange-500 { border-color: #ea580c; }
.border-orange-600 { border-color: #dc2626; }
.border-orange-700 { border-color: #b91c1c; }
.border-orange-800 { border-color: #991b1b; }
.border-orange-900 { border-color: #7f1d1d; }
/* Custom Blue Colors for Density Converter */
.from-blue-100 { --tw-gradient-from: #dbeafe; --tw-gradient-to: rgb(219 234 254); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-blue-200 { --tw-gradient-from: #bfdbfe; --tw-gradient-to: rgb(191 219 254); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-blue-300 { --tw-gradient-from: #93c5fd; --tw-gradient-to: rgb(147 197 253); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-blue-400 { --tw-gradient-from: #60a5fa; --tw-gradient-to: rgb(96 165 250); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-blue-500 { --tw-gradient-from: #3b82f6; --tw-gradient-to: rgb(59 130 246); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-blue-600 { --tw-gradient-from: #2563eb; --tw-gradient-to: rgb(37 99 235); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-blue-700 { --tw-gradient-from: #1d4ed8; --tw-gradient-to: rgb(29 78 216); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-blue-800 { --tw-gradient-from: #1e40af; --tw-gradient-to: rgb(30 64 175); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-blue-900 { --tw-gradient-from: #1e3a8a; --tw-gradient-to: rgb(30 58 138); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-blue-100 { --tw-gradient-to: #dbeafe; }
.to-blue-200 { --tw-gradient-to: #bfdbfe; }
.to-blue-300 { --tw-gradient-to: #93c5fd; }
.to-blue-400 { --tw-gradient-to: #60a5fa; }
.to-blue-500 { --tw-gradient-to: #3b82f6; }
.to-blue-600 { --tw-gradient-to: #2563eb; }
.to-blue-700 { --tw-gradient-to: #1d4ed8; }
.to-blue-800 { --tw-gradient-to: #1e40af; }
.to-blue-900 { --tw-gradient-to: #1e3a8a; }
.bg-blue-50 { background-color: #eff6ff; }
.bg-blue-100 { background-color: #dbeafe; }
.bg-blue-200 { background-color: #bfdbfe; }
.bg-blue-300 { background-color: #93c5fd; }
.bg-blue-400 { background-color: #60a5fa; }
.bg-blue-500 { background-color: #3b82f6; }
.bg-blue-600 { background-color: #2563eb; }
.bg-blue-700 { background-color: #1d4ed8; }
.bg-blue-800 { background-color: #1e40af; }
.bg-blue-900 { background-color: #1e3a8a; }
.text-blue-50 { color: #eff6ff; }
.text-blue-100 { color: #dbeafe; }
.text-blue-200 { color: #bfdbfe; }
.text-blue-300 { color: #93c5fd; }
.text-blue-400 { color: #60a5fa; }
.text-blue-500 { color: #3b82f6; }
.text-blue-600 { color: #2563eb; }
.text-blue-700 { color: #1d4ed8; }
.text-blue-800 { color: #1e40af; }
.text-blue-900 { color: #1e3a8a; }
.border-blue-50 { border-color: #eff6ff; }
.border-blue-100 { border-color: #dbeafe; }
.border-blue-200 { border-color: #bfdbfe; }
.border-blue-300 { border-color: #93c5fd; }
.border-blue-400 { border-color: #60a5fa; }
.border-blue-500 { border-color: #3b82f6; }
.border-blue-600 { border-color: #2563eb; }
.border-blue-700 { border-color: #1d4ed8; }
.border-blue-800 { border-color: #1e40af; }
.border-blue-900 { border-color: #1e3a8a; }
.from-emerald-100 { --tw-gradient-from: #d1fae5; --tw-gradient-to: rgb(209 250 229); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-emerald-200 { --tw-gradient-from: #a7f3d0; --tw-gradient-to: rgb(167 243 208); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-emerald-300 { --tw-gradient-from: #6ee7b7; --tw-gradient-to: rgb(110 231 183); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-emerald-400 { --tw-gradient-from: #34d399; --tw-gradient-to: rgb(52 211 153); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-emerald-500 { --tw-gradient-from: #10b981; --tw-gradient-to: rgb(16 185 129); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-emerald-600 { --tw-gradient-from: #059669; --tw-gradient-to: rgb(5 150 105); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-emerald-700 { --tw-gradient-from: #047857; --tw-gradient-to: rgb(4 120 87); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-emerald-800 { --tw-gradient-from: #065f46; --tw-gradient-to: rgb(6 95 70); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-emerald-900 { --tw-gradient-from: #064e3b; --tw-gradient-to: rgb(6 78 59); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-emerald-100 { --tw-gradient-to: #d1fae5; }
.to-emerald-200 { --tw-gradient-to: #a7f3d0; }
.to-emerald-300 { --tw-gradient-to: #6ee7b7; }
.to-emerald-400 { --tw-gradient-to: #34d399; }
.to-emerald-500 { --tw-gradient-to: #10b981; }
.to-emerald-600 { --tw-gradient-to: #059669; }
.to-emerald-700 { --tw-gradient-to: #047857; }
.to-emerald-800 { --tw-gradient-to: #065f46; }
.to-emerald-900 { --tw-gradient-to: #064e3b; }
.bg-emerald-50 { background-color: #ecfdf5; }
.bg-emerald-100 { background-color: #d1fae5; }
.bg-emerald-200 { background-color: #a7f3d0; }
.bg-emerald-300 { background-color: #6ee7b7; }
.bg-emerald-400 { background-color: #34d399; }
.bg-emerald-500 { background-color: #10b981; }
.bg-emerald-600 { background-color: #059669; }
.bg-emerald-700 { background-color: #047857; }
.bg-emerald-800 { background-color: #065f46; }
.bg-emerald-900 { background-color: #064e3b; }
.text-emerald-50 { color: #ecfdf5; }
.text-emerald-100 { color: #d1fae5; }
.text-emerald-200 { color: #a7f3d0; }
.text-emerald-300 { color: #6ee7b7; }
.text-emerald-400 { color: #34d399; }
.text-emerald-500 { color: #10b981; }
.text-emerald-600 { color: #059669; }
.text-emerald-700 { color: #047857; }
.text-emerald-800 { color: #065f46; }
.text-emerald-900 { color: #064e3b; }
.border-emerald-50 { border-color: #ecfdf5; }
.border-emerald-100 { border-color: #d1fae5; }
.border-emerald-200 { border-color: #a7f3d0; }
.border-emerald-300 { border-color: #6ee7b7; }
.border-emerald-400 { border-color: #34d399; }
.border-emerald-500 { border-color: #10b981; }
.border-emerald-600 { border-color: #059669; }
.border-emerald-700 { border-color: #047857; }
.border-emerald-800 { border-color: #065f46; }
.border-emerald-900 { border-color: #064e3b; }
.hover\\:to-rose-200:hover { --tw-gradient-to: #fecdd3; }
.hover\\:to-rose-300:hover { --tw-gradient-to: #fda4af; }
.hover\\:to-rose-600:hover { --tw-gradient-to: #e11d48; }
.hover\\:to-rose-700:hover { --tw-gradient-to: #be123c; }
.hover\\:to-rose-900:hover { --tw-gradient-to: #881337; }
.hover\\:border-rose-200:hover { border-color: #fecdd3; }
.hover\\:border-rose-300:hover { border-color: #fda4af; }
.hover\\:border-rose-600:hover { border-color: #e11d48; }
.hover\\:text-rose-400:hover { color: #fb7185; }
.hover\\:text-rose-700:hover { color: #be123c; }
.group-hover\\:from-rose-200.group:hover { --tw-gradient-from: #fecdd3; --tw-gradient-to: rgb(254 205 211); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.group-hover\\:from-rose-700.group:hover { --tw-gradient-from: #be123c; --tw-gradient-to: rgb(190 18 60); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.group-hover\\:to-rose-300.group:hover { --tw-gradient-to: #fda4af; }
.group-hover\\:to-rose-600.group:hover { --tw-gradient-to: #e11d48; }
.group-hover\\:text-rose-400.group:hover { color: #fb7185; }
.group-hover\\:text-rose-700.group:hover { color: #be123c; }
.dark\\:from-rose-800.dark { --tw-gradient-from: #9f1239; --tw-gradient-to: rgb(159 18 57); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.dark\\:from-rose-900.dark { --tw-gradient-from: #881337; --tw-gradient-to: rgb(136 19 55); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.dark\\:to-rose-800.dark { --tw-gradient-to: #9f1239; }
.dark\\:to-rose-900.dark { --tw-gradient-to: #881337; }
.dark\\:bg-rose-800.dark { background-color: #9f1239; }
.dark\\:bg-rose-900.dark { background-color: #881337; }
.dark\\:text-rose-100.dark { color: #ffe4e6; }
.dark\\:text-rose-200.dark { color: #fecdd3; }
.dark\\:text-rose-300.dark { color: #fda4af; }
.dark\\:text-rose-400.dark { color: #fb7185; }
.dark\\:text-rose-500.dark { color: #f43f5e; }
.dark\\:text-rose-600.dark { color: #e11d48; }
.dark\\:text-rose-700.dark { color: #be123c; }
.dark\\:text-rose-800.dark { color: #9f1239; }
.dark\\:text-rose-900.dark { color: #881337; }
.dark\\:border-rose-200.dark { border-color: #fecdd3; }
.dark\\:border-rose-300.dark { border-color: #fda4af; }
.dark\\:border-rose-600.dark { border-color: #e11d48; }
.dark\\:border-rose-700.dark { border-color: #be123c; }
.dark\\:border-rose-800.dark { border-color: #9f1239; }
.dark\\:border-rose-900.dark { border-color: #881337; }
.dark\\:group-hover\\:from-rose-200.dark.group:hover { --tw-gradient-from: #fecdd3; --tw-gradient-to: rgb(254 205 211); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.dark\\:group-hover\\:from-rose-700.dark.group:hover { --tw-gradient-from: #be123c; --tw-gradient-to: rgb(190 18 60); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.dark\\:group-hover\\:to-rose-300.dark.group:hover { --tw-gradient-to: #fda4af; }
.dark\\:group-hover\\:to-rose-600.dark.group:hover { --tw-gradient-to: #e11d48; }
.dark\\:group-hover\\:text-rose-400.dark.group:hover { color: #fb7185; }
.dark\\:group-hover\\:text-rose-700.dark.group:hover { color: #be123c; }
/* Custom Lime Colors for Linear Current Density Converter */
.from-lime-100 { --tw-gradient-from: #ecfccb; --tw-gradient-to: rgb(236 252 203); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-lime-200 { --tw-gradient-from: #d9f99d; --tw-gradient-to: rgb(217 249 157); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-lime-300 { --tw-gradient-from: #bef264; --tw-gradient-to: rgb(190 242 100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-lime-400 { --tw-gradient-from: #a3e635; --tw-gradient-to: rgb(163 230 53); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-lime-500 { --tw-gradient-from: #84cc16; --tw-gradient-to: rgb(132 204 22); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-lime-600 { --tw-gradient-from: #65a30d; --tw-gradient-to: rgb(101 163 13); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-lime-700 { --tw-gradient-from: #4d7c0f; --tw-gradient-to: rgb(77 124 15); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-lime-800 { --tw-gradient-from: #365314; --tw-gradient-to: rgb(54 83 20); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-lime-900 { --tw-gradient-from: #1a2e05; --tw-gradient-to: rgb(26 46 5); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-lime-100 { --tw-gradient-to: #ecfccb; }
.to-lime-200 { --tw-gradient-to: #d9f99d; }
.to-lime-300 { --tw-gradient-to: #bef264; }
.to-lime-400 { --tw-gradient-to: #a3e635; }
.to-lime-500 { --tw-gradient-to: #84cc16; }
.to-lime-600 { --tw-gradient-to: #65a30d; }
.to-lime-700 { --tw-gradient-to: #4d7c0f; }
.to-lime-800 { --tw-gradient-to: #365314; }
.to-lime-900 { --tw-gradient-to: #1a2e05; }
/* Custom Sky Colors for Surface Current Density Converter */
.from-sky-100 { --tw-gradient-from: #e0f2fe; --tw-gradient-to: rgb(224 242 254); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-200 { --tw-gradient-from: #bae6fd; --tw-gradient-to: rgb(186 230 253); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-300 { --tw-gradient-from: #7dd3fc; --tw-gradient-to: rgb(125 211 252); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-400 { --tw-gradient-from: #38bdf8; --tw-gradient-to: rgb(56 189 248); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-500 { --tw-gradient-from: #0ea5e9; --tw-gradient-to: rgb(14 165 233); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-600 { --tw-gradient-from: #0284c7; --tw-gradient-to: rgb(2 132 199); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-700 { --tw-gradient-from: #0369a1; --tw-gradient-to: rgb(3 105 161); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-800 { --tw-gradient-from: #075985; --tw-gradient-to: rgb(7 89 133); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-900 { --tw-gradient-from: #0c4a6e; --tw-gradient-to: rgb(12 74 110); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-sky-100 { --tw-gradient-to: #e0f2fe; }
.to-sky-200 { --tw-gradient-to: #bae6fd; }
.to-sky-300 { --tw-gradient-to: #7dd3fc; }
.to-sky-400 { --tw-gradient-to: #38bdf8; }
.to-sky-500 { --tw-gradient-to: #0ea5e9; }
.to-sky-600 { --tw-gradient-to: #0284c7; }
.to-sky-700 { --tw-gradient-to: #0369a1; }
.to-sky-800 { --tw-gradient-to: #075985; }
.to-sky-900 { --tw-gradient-to: #0c4a6e; }
.bg-lime-50 { background-color: #f7fee7; }
.bg-lime-100 { background-color: #ecfccb; }
.bg-lime-200 { background-color: #d9f99d; }
.bg-lime-300 { background-color: #bef264; }
.bg-lime-400 { background-color: #a3e635; }
.bg-lime-500 { background-color: #84cc16; }
.bg-lime-600 { background-color: #65a30d; }
.bg-lime-700 { background-color: #4d7c0f; }
.bg-lime-800 { background-color: #365314; }
.bg-lime-900 { background-color: #1a2e05; }
.text-lime-50 { color: #f7fee7; }
.text-lime-100 { color: #ecfccb; }
.text-lime-200 { color: #d9f99d; }
.text-lime-300 { color: #bef264; }
.text-lime-400 { color: #a3e635; }
.text-lime-500 { color: #84cc16; }
.text-lime-600 { color: #65a30d; }
.text-lime-700 { color: #4d7c0f; }
.text-lime-800 { color: #365314; }
.text-lime-900 { color: #1a2e05; }
.border-lime-50 { border-color: #f7fee7; }
.border-lime-100 { border-color: #ecfccb; }
.border-lime-200 { border-color: #d9f99d; }
.border-lime-300 { border-color: #bef264; }
.border-lime-400 { border-color: #a3e635; }
.border-lime-500 { border-color: #84cc16; }
.border-lime-600 { border-color: #65a30d; }
.border-lime-700 { border-color: #4d7c0f; }
.border-lime-800 { border-color: #365314; }
.border-lime-900 { border-color: #1a2e05; }
/* Custom Stone Colors for Illumination Converter */
.from-stone-100 { --tw-gradient-from: #f5f5f4; --tw-gradient-to: rgb(245 245 244); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-stone-200 { --tw-gradient-from: #e7e5e4; --tw-gradient-to: rgb(231 229 228); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-stone-300 { --tw-gradient-from: #d6d3d1; --tw-gradient-to: rgb(214 211 209); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-stone-400 { --tw-gradient-from: #a8a29e; --tw-gradient-to: rgb(168 162 158); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-stone-500 { --tw-gradient-from: #78716c; --tw-gradient-to: rgb(120 113 108); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-stone-600 { --tw-gradient-from: #57534e; --tw-gradient-to: rgb(87 83 78); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-stone-700 { --tw-gradient-from: #44403c; --tw-gradient-to: rgb(68 64 60); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-stone-800 { --tw-gradient-from: #292524; --tw-gradient-to: rgb(41 37 36); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-stone-900 { --tw-gradient-from: #1c1917; --tw-gradient-to: rgb(28 25 23); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-stone-100 { --tw-gradient-to: #f5f5f4; }
.to-stone-200 { --tw-gradient-to: #e7e5e4; }
.to-stone-300 { --tw-gradient-to: #d6d3d1; }
.to-stone-400 { --tw-gradient-to: #a8a29e; }
.to-stone-500 { --tw-gradient-to: #78716c; }
.to-stone-600 { --tw-gradient-to: #57534e; }
.to-stone-700 { --tw-gradient-to: #44403c; }
.to-stone-800 { --tw-gradient-to: #292524; }
.to-stone-900 { --tw-gradient-to: #1c1917; }
.bg-stone-50 { background-color: #fafaf9; }
.bg-stone-100 { background-color: #f5f5f4; }
.bg-stone-200 { background-color: #e7e5e4; }
.bg-stone-300 { background-color: #d6d3d1; }
.bg-stone-400 { background-color: #a8a29e; }
.bg-stone-500 { background-color: #78716c; }
.bg-stone-600 { background-color: #57534e; }
.bg-stone-700 { background-color: #44403c; }
.bg-stone-800 { background-color: #292524; }
.bg-stone-900 { background-color: #1c1917; }
.text-stone-50 { color: #fafaf9; }
.text-stone-100 { color: #f5f5f4; }
.text-stone-200 { color: #e7e5e4; }
.text-stone-300 { color: #d6d3d1; }
.text-stone-400 { color: #a8a29e; }
.text-stone-500 { color: #78716c; }
.text-stone-600 { color: #57534e; }
.text-stone-700 { color: #44403c; }
.text-stone-800 { color: #292524; }
.text-stone-900 { color: #1c1917; }
.border-stone-50 { border-color: #fafaf9; }
.border-stone-100 { border-color: #f5f5f4; }
.border-stone-200 { border-color: #e7e5e4; }
.border-stone-300 { border-color: #d6d3d1; }
.border-stone-400 { border-color: #a8a29e; }
.border-stone-500 { border-color: #78716c; }
.border-stone-600 { border-color: #57534e; }
.border-stone-700 { border-color: #44403c; }
.border-stone-800 { border-color: #292524; }
.border-stone-900 { border-color: #1c1917; }
/* Custom Sky Colors for Luminous Intensity Converter */
.from-sky-100 { --tw-gradient-from: #e0f2fe; --tw-gradient-to: rgb(224 242 254); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-200 { --tw-gradient-from: #bae6fd; --tw-gradient-to: rgb(186 230 253); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-300 { --tw-gradient-from: #7dd3fc; --tw-gradient-to: rgb(125 211 252); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-400 { --tw-gradient-from: #38bdf8; --tw-gradient-to: rgb(56 189 248); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-500 { --tw-gradient-from: #0ea5e9; --tw-gradient-to: rgb(14 165 233); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-600 { --tw-gradient-from: #0284c7; --tw-gradient-to: rgb(2 132 199); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-700 { --tw-gradient-from: #0369a1; --tw-gradient-to: rgb(3 105 161); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-800 { --tw-gradient-from: #075985; --tw-gradient-to: rgb(7 89 133); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-900 { --tw-gradient-from: #0c4a6e; --tw-gradient-to: rgb(12 74 110); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-sky-100 { --tw-gradient-to: #e0f2fe; }
.to-sky-200 { --tw-gradient-to: #bae6fd; }
.to-sky-300 { --tw-gradient-to: #7dd3fc; }
.to-sky-400 { --tw-gradient-to: #38bdf8; }
.to-sky-500 { --tw-gradient-to: #0ea5e9; }
.to-sky-600 { --tw-gradient-to: #0284c7; }
.to-sky-700 { --tw-gradient-to: #0369a1; }
.to-sky-800 { --tw-gradient-to: #075985; }
.to-sky-900 { --tw-gradient-to: #0c4a6e; }
.bg-sky-50 { background-color: #f0f9ff; }
.bg-sky-100 { background-color: #e0f2fe; }
.bg-sky-200 { background-color: #bae6fd; }
.bg-sky-300 { background-color: #7dd3fc; }
.bg-sky-400 { background-color: #38bdf8; }
.bg-sky-500 { background-color: #0ea5e9; }
.bg-sky-600 { background-color: #0284c7; }
.bg-sky-700 { background-color: #0369a1; }
.bg-sky-800 { background-color: #075985; }
.bg-sky-900 { background-color: #0c4a6e; }
.text-sky-50 { color: #f0f9ff; }
.text-sky-100 { color: #e0f2fe; }
.text-sky-200 { color: #bae6fd; }
.text-sky-300 { color: #7dd3fc; }
.text-sky-400 { color: #38bdf8; }
.text-sky-500 { color: #0ea5e9; }
.text-sky-600 { color: #0284c7; }
.text-sky-700 { color: #0369a1; }
.text-sky-800 { color: #075985; }
.text-sky-900 { color: #0c4a6e; }
.border-sky-50 { border-color: #f0f9ff; }
.border-sky-100 { border-color: #e0f2fe; }
.border-sky-200 { border-color: #bae6fd; }
.border-sky-300 { border-color: #7dd3fc; }
.border-sky-400 { border-color: #38bdf8; }
.border-sky-500 { border-color: #0ea5e9; }
.border-sky-600 { border-color: #0284c7; }
.border-sky-700 { border-color: #0369a1; }
.border-sky-800 { border-color: #075985; }
.border-sky-900 { border-color: #0c4a6e; }
/* Custom Indigo Colors for Data Storage, Electric Resistivity, and Prefixes Converters */
.from-indigo-100 { --tw-gradient-from: #e0e7ff; --tw-gradient-to: rgb(224 231 255); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-indigo-200 { --tw-gradient-from: #c7d2fe; --tw-gradient-to: rgb(199 210 254); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-indigo-300 { --tw-gradient-from: #a5b4fc; --tw-gradient-to: rgb(165 180 252); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-indigo-400 { --tw-gradient-from: #818cf8; --tw-gradient-to: rgb(129 140 248); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-indigo-500 { --tw-gradient-from: #6366f1; --tw-gradient-to: rgb(99 102 241); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-indigo-600 { --tw-gradient-from: #4f46e5; --tw-gradient-to: rgb(79 70 229); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-indigo-700 { --tw-gradient-from: #4338ca; --tw-gradient-to: rgb(67 56 202); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-indigo-800 { --tw-gradient-from: #3730a3; --tw-gradient-to: rgb(55 48 163); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-indigo-900 { --tw-gradient-from: #312e81; --tw-gradient-to: rgb(49 46 129); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
/* Custom Violet Colors for Moment of Force Converter */
.from-violet-100 { --tw-gradient-from: #f3e8ff; --tw-gradient-to: rgb(243 232 255); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-violet-200 { --tw-gradient-from: #e9d5ff; --tw-gradient-to: rgb(233 213 255); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-violet-300 { --tw-gradient-from: #c4b5fd; --tw-gradient-to: rgb(196 181 253); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-violet-400 { --tw-gradient-from: #a78bfa; --tw-gradient-to: rgb(167 139 250); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-violet-500 { --tw-gradient-from: #8b5cf6; --tw-gradient-to: rgb(139 92 246); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-violet-600 { --tw-gradient-from: #7c3aed; --tw-gradient-to: rgb(124 58 237); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-violet-700 { --tw-gradient-from: #6d28d9; --tw-gradient-to: rgb(109 40 217); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-violet-800 { --tw-gradient-from: #5b21b6; --tw-gradient-to: rgb(91 33 182); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-violet-900 { --tw-gradient-from: #4c1d95; --tw-gradient-to: rgb(76 29 149); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-violet-100 { --tw-gradient-to: #f3e8ff; }
.to-violet-200 { --tw-gradient-to: #e9d5ff; }
.to-violet-300 { --tw-gradient-to: #c4b5fd; }
.to-violet-400 { --tw-gradient-to: #a78bfa; }
.to-violet-500 { --tw-gradient-to: #8b5cf6; }
.to-violet-600 { --tw-gradient-to: #7c3aed; }
.to-violet-700 { --tw-gradient-to: #6d28d9; }
.to-violet-800 { --tw-gradient-to: #5b21b6; }
.to-violet-900 { --tw-gradient-to: #4c1d95; }
/* Custom Teal Colors for Electric Potential Converter */
.from-teal-100 { --tw-gradient-from: #ccfbf1; --tw-gradient-to: rgb(204 251 241); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-teal-200 { --tw-gradient-from: #99f6e4; --tw-gradient-to: rgb(153 246 228); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-teal-300 { --tw-gradient-from: #5eead4; --tw-gradient-to: rgb(94 234 212); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-teal-400 { --tw-gradient-from: #2dd4bf; --tw-gradient-to: rgb(45 212 191); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-teal-500 { --tw-gradient-from: #14b8a6; --tw-gradient-to: rgb(20 184 166); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-teal-600 { --tw-gradient-from: #0d9488; --tw-gradient-to: rgb(13 148 136); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-teal-700 { --tw-gradient-from: #0f766e; --tw-gradient-to: rgb(15 118 110); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-teal-800 { --tw-gradient-from: #115e59; --tw-gradient-to: rgb(17 94 89); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-teal-900 { --tw-gradient-from: #134e4a; --tw-gradient-to: rgb(19 78 74); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-teal-100 { --tw-gradient-to: #ccfbf1; }
.to-teal-200 { --tw-gradient-to: #99f6e4; }
.to-teal-300 { --tw-gradient-to: #5eead4; }
.to-teal-400 { --tw-gradient-to: #2dd4bf; }
.to-teal-500 { --tw-gradient-to: #14b8a6; }
.to-teal-600 { --tw-gradient-to: #0d9488; }
.to-teal-700 { --tw-gradient-to: #0f766e; }
.to-teal-800 { --tw-gradient-to: #115e59; }
.to-teal-900 { --tw-gradient-to: #134e4a; }
/* Custom Emerald Colors for Torque, Electric Resistance, and Magnetic Flux Density Converters */
.from-emerald-100 { --tw-gradient-from: #d1fae5; --tw-gradient-to: rgb(209 250 229); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-emerald-200 { --tw-gradient-from: #a7f3d0; --tw-gradient-to: rgb(167 243 208); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-emerald-300 { --tw-gradient-from: #6ee7b7; --tw-gradient-to: rgb(110 231 183); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-emerald-400 { --tw-gradient-from: #34d399; --tw-gradient-to: rgb(52 211 153); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-emerald-500 { --tw-gradient-from: #10b981; --tw-gradient-to: rgb(16 185 129); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-emerald-600 { --tw-gradient-from: #059669; --tw-gradient-to: rgb(5 150 105); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-emerald-700 { --tw-gradient-from: #047857; --tw-gradient-to: rgb(4 120 87); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-emerald-800 { --tw-gradient-from: #065f46; --tw-gradient-to: rgb(6 95 70); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-emerald-900 { --tw-gradient-from: #064e3b; --tw-gradient-to: rgb(6 78 59); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-emerald-500 { --tw-gradient-to: #10b981; }
.to-emerald-600 { --tw-gradient-to: #059669; }
.to-indigo-100 { --tw-gradient-to: #e0e7ff; }
.to-indigo-200 { --tw-gradient-to: #c7d2fe; }
.to-indigo-300 { --tw-gradient-to: #a5b4fc; }
.to-indigo-400 { --tw-gradient-to: #818cf8; }
.to-indigo-500 { --tw-gradient-to: #6366f1; }
.to-indigo-600 { --tw-gradient-to: #4f46e5; }
.to-indigo-700 { --tw-gradient-to: #4338ca; }
.to-indigo-800 { --tw-gradient-to: #3730a3; }
.to-indigo-900 { --tw-gradient-to: #312e81; }
.bg-indigo-50 { background-color: #eef2ff; }
.bg-indigo-100 { background-color: #e0e7ff; }
.bg-indigo-200 { background-color: #c7d2fe; }
.bg-indigo-300 { background-color: #a5b4fc; }
.bg-indigo-400 { background-color: #818cf8; }
.bg-indigo-500 { background-color: #6366f1; }
.bg-indigo-600 { background-color: #4f46e5; }
.bg-indigo-700 { background-color: #4338ca; }
.bg-indigo-800 { background-color: #3730a3; }
.bg-indigo-900 { background-color: #312e81; }
.bg-violet-50 { background-color: #f5f3ff; }
.bg-violet-100 { background-color: #f3e8ff; }
.bg-violet-200 { background-color: #e9d5ff; }
.bg-violet-300 { background-color: #c4b5fd; }
.bg-violet-400 { background-color: #a78bfa; }
.bg-violet-500 { background-color: #8b5cf6; }
.bg-violet-600 { background-color: #7c3aed; }
.bg-violet-700 { background-color: #6d28d9; }
.bg-violet-800 { background-color: #5b21b6; }
.bg-violet-900 { background-color: #4c1d95; }
.bg-emerald-50 { background-color: #ecfdf5; }
.bg-emerald-100 { background-color: #d1fae5; }
.bg-emerald-200 { background-color: #a7f3d0; }
.bg-emerald-300 { background-color: #6ee7b7; }
.bg-emerald-400 { background-color: #34d399; }
.bg-emerald-500 { background-color: #10b981; }
.bg-emerald-600 { background-color: #059669; }
.bg-emerald-700 { background-color: #047857; }
.bg-emerald-800 { background-color: #065f46; }
.bg-emerald-900 { background-color: #064e3b; }
.text-indigo-50 { color: #eef2ff; }
.text-indigo-100 { color: #e0e7ff; }
.text-indigo-200 { color: #c7d2fe; }
.text-indigo-300 { color: #a5b4fc; }
.text-indigo-400 { color: #818cf8; }
.text-indigo-500 { color: #6366f1; }
.text-indigo-600 { color: #4f46e5; }
.text-indigo-700 { color: #4338ca; }
.text-indigo-800 { color: #3730a3; }
.text-indigo-900 { color: #312e81; }
.text-violet-50 { color: #f5f3ff; }
.text-violet-100 { color: #f3e8ff; }
.text-violet-200 { color: #e9d5ff; }
.text-violet-300 { color: #c4b5fd; }
.text-violet-400 { color: #a78bfa; }
.text-violet-500 { color: #8b5cf6; }
.text-violet-600 { color: #7c3aed; }
.text-violet-700 { color: #6d28d9; }
.text-violet-800 { color: #5b21b6; }
.text-violet-900 { color: #4c1d95; }
.text-emerald-50 { color: #ecfdf5; }
.text-emerald-100 { color: #d1fae5; }
.text-emerald-200 { color: #a7f3d0; }
.text-emerald-300 { color: #6ee7b7; }
.text-emerald-400 { color: #34d399; }
.text-emerald-500 { color: #10b981; }
.text-emerald-600 { color: #059669; }
.text-emerald-700 { color: #047857; }
.text-emerald-800 { color: #065f46; }
.text-emerald-900 { color: #064e3b; }
.border-indigo-50 { border-color: #eef2ff; }
.border-indigo-100 { border-color: #e0e7ff; }
.border-indigo-200 { border-color: #c7d2fe; }
.border-indigo-300 { border-color: #a5b4fc; }
.border-indigo-400 { border-color: #818cf8; }
.border-indigo-500 { border-color: #6366f1; }
.border-indigo-600 { border-color: #4f46e5; }
.border-indigo-700 { border-color: #4338ca; }
.border-indigo-800 { border-color: #3730a3; }
.border-indigo-900 { border-color: #312e81; }
/* Custom Rose Colors for Digital Image Resolution Converter */
.from-rose-100 { --tw-gradient-from: #ffe4e6; --tw-gradient-to: rgb(255 228 230); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-200 { --tw-gradient-from: #fecdd3; --tw-gradient-to: rgb(254 205 211); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-300 { --tw-gradient-from: #fda4af; --tw-gradient-to: rgb(253 164 175); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-400 { --tw-gradient-from: #fb7185; --tw-gradient-to: rgb(251 113 133); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-500 { --tw-gradient-from: #f43f5e; --tw-gradient-to: rgb(244 63 94); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-600 { --tw-gradient-from: #e11d48; --tw-gradient-to: rgb(225 29 72); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-700 { --tw-gradient-from: #be123c; --tw-gradient-to: rgb(190 18 60); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-800 { --tw-gradient-from: #9f1239; --tw-gradient-to: rgb(159 18 57); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-900 { --tw-gradient-from: #881337; --tw-gradient-to: rgb(136 19 55); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-rose-100 { --tw-gradient-to: #ffe4e6; }
.to-rose-200 { --tw-gradient-to: #fecdd3; }
.to-rose-300 { --tw-gradient-to: #fda4af; }
.to-rose-400 { --tw-gradient-to: #fb7185; }
.to-rose-500 { --tw-gradient-to: #f43f5e; }
.to-rose-600 { --tw-gradient-to: #e11d48; }
.to-rose-700 { --tw-gradient-to: #be123c; }
.to-rose-800 { --tw-gradient-to: #9f1239; }
.to-rose-900 { --tw-gradient-to: #881337; }
.bg-rose-50 { background-color: #fff1f2; }
.bg-rose-100 { background-color: #ffe4e6; }
.bg-rose-200 { background-color: #fecdd3; }
.bg-rose-300 { background-color: #fda4af; }
.bg-rose-400 { background-color: #fb7185; }
.bg-rose-500 { background-color: #f43f5e; }
.bg-rose-600 { background-color: #e11d48; }
.bg-rose-700 { background-color: #be123c; }
.bg-rose-800 { background-color: #9f1239; }
.bg-rose-900 { background-color: #881337; }
.text-rose-50 { color: #fff1f2; }
.text-rose-100 { color: #ffe4e6; }
.text-rose-200 { color: #fecdd3; }
.text-rose-300 { color: #fda4af; }
.text-rose-400 { color: #fb7185; }
.text-rose-500 { color: #f43f5e; }
.text-rose-600 { color: #e11d48; }
.text-rose-700 { color: #be123c; }
.text-rose-800 { color: #9f1239; }
.text-rose-900 { color: #881337; }
.border-rose-50 { border-color: #fff1f2; }
.border-rose-100 { border-color: #ffe4e6; }
.border-rose-200 { border-color: #fecdd3; }
.border-rose-300 { border-color: #fda4af; }
.border-rose-400 { border-color: #fb7185; }
.border-rose-500 { border-color: #f43f5e; }
.border-rose-600 { border-color: #e11d48; }
.border-rose-700 { border-color: #be123c; }
.border-rose-800 { border-color: #9f1239; }
.border-rose-900 { border-color: #881337; }
.border-violet-50 { border-color: #f5f3ff; }
.border-violet-100 { border-color: #f3e8ff; }
.border-violet-200 { border-color: #e9d5ff; }
.border-violet-300 { border-color: #c4b5fd; }
.border-violet-400 { border-color: #a78bfa; }
.border-violet-500 { border-color: #8b5cf6; }
.border-violet-600 { border-color: #7c3aed; }
.border-violet-700 { border-color: #6d28d9; }
.border-violet-800 { border-color: #5b21b6; }
.border-violet-900 { border-color: #4c1d95; }
.border-emerald-50 { border-color: #ecfdf5; }
.border-emerald-100 { border-color: #d1fae5; }
.border-emerald-200 { border-color: #a7f3d0; }
.border-emerald-300 { border-color: #6ee7b7; }
.border-emerald-400 { border-color: #34d399; }
.border-emerald-500 { border-color: #10b981; }
.border-emerald-600 { border-color: #059669; }
.border-emerald-700 { border-color: #047857; }
.border-emerald-800 { border-color: #065f46; }
.border-emerald-900 { border-color: #064e3b; }
/* Custom Orange Colors for Fuel Efficiency - Mass Converter */
.from-orange-100 { --tw-gradient-from: #fed7aa; --tw-gradient-to: rgb(254 215 170); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-200 { --tw-gradient-from: #fed7aa; --tw-gradient-to: rgb(254 215 170); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-300 { --tw-gradient-from: #fdba74; --tw-gradient-to: rgb(253 186 116); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-400 { --tw-gradient-from: #fb923c; --tw-gradient-to: rgb(251 146 60); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-500 { --tw-gradient-from: #f97316; --tw-gradient-to: rgb(249 115 22); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-600 { --tw-gradient-from: #ea580c; --tw-gradient-to: rgb(234 88 12); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-700 { --tw-gradient-from: #c2410c; --tw-gradient-to: rgb(194 65 12); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-800 { --tw-gradient-from: #9a3412; --tw-gradient-to: rgb(154 52 18); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-900 { --tw-gradient-from: #7c2d12; --tw-gradient-to: rgb(124 45 18); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-orange-500 { --tw-gradient-to: #f97316; }
.to-orange-600 { --tw-gradient-to: #ea580c; }
.bg-orange-50 { background-color: #fff7ed; }
.bg-orange-100 { background-color: #ffedd5; }
.bg-orange-200 { background-color: #fed7aa; }
.bg-orange-300 { background-color: #fdba74; }
.bg-orange-400 { background-color: #fb923c; }
.bg-orange-500 { background-color: #f97316; }
.bg-orange-600 { background-color: #ea580c; }
.bg-orange-700 { background-color: #c2410c; }
.bg-orange-800 { background-color: #9a3412; }
.bg-orange-900 { background-color: #7c2d12; }
.text-orange-50 { color: #fff7ed; }
.text-orange-100 { color: #ffedd5; }
.text-orange-200 { color: #fed7aa; }
.text-orange-300 { color: #fdba74; }
.text-orange-400 { color: #fb923c; }
.text-orange-500 { color: #f97316; }
.text-orange-600 { color: #ea580c; }
.text-orange-700 { color: #c2410c; }
.text-orange-800 { color: #9a3412; }
.text-orange-900 { color: #7c2d12; }
.border-orange-50 { border-color: #fff7ed; }
.border-orange-100 { border-color: #ffedd5; }
.border-orange-200 { border-color: #fed7aa; }
.border-orange-300 { border-color: #fdba74; }
.border-orange-400 { border-color: #fb923c; }
.border-orange-500 { border-color: #f97316; }
.border-orange-600 { border-color: #ea580c; }
.border-orange-700 { border-color: #c2410c; }
.border-orange-800 { border-color: #9a3412; }
.border-orange-900 { border-color: #7c2d12; }
/* Custom Cyan Colors for Fuel Efficiency - Volume Converter */
.from-cyan-100 { --tw-gradient-from: #cffafe; --tw-gradient-to: rgb(207 250 254); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-cyan-200 { --tw-gradient-from: #a5f3fc; --tw-gradient-to: rgb(165 243 252); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-cyan-300 { --tw-gradient-from: #67e8f9; --tw-gradient-to: rgb(103 232 249); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-cyan-400 { --tw-gradient-from: #22d3ee; --tw-gradient-to: rgb(34 211 238); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-cyan-500 { --tw-gradient-from: #06b6d4; --tw-gradient-to: rgb(6 182 212); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-cyan-600 { --tw-gradient-from: #0891b2; --tw-gradient-to: rgb(8 145 178); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-cyan-700 { --tw-gradient-from: #0e7490; --tw-gradient-to: rgb(14 116 144); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-cyan-800 { --tw-gradient-from: #155e75; --tw-gradient-to: rgb(21 94 117); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-cyan-900 { --tw-gradient-from: #164e63; --tw-gradient-to: rgb(22 78 99); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-cyan-500 { --tw-gradient-to: #06b6d4; }
.to-cyan-600 { --tw-gradient-to: #0891b2; }
.bg-cyan-50 { background-color: #ecfeff; }
.bg-cyan-100 { background-color: #cffafe; }
.bg-cyan-200 { background-color: #a5f3fc; }
.bg-cyan-300 { background-color: #67e8f9; }
.bg-cyan-400 { background-color: #22d3ee; }
.bg-cyan-500 { background-color: #06b6d4; }
.bg-cyan-600 { background-color: #0891b2; }
.bg-cyan-700 { background-color: #0e7490; }
.bg-cyan-800 { background-color: #155e75; }
.bg-cyan-900 { background-color: #164e63; }
.text-cyan-50 { color: #ecfeff; }
.text-cyan-100 { color: #cffafe; }
.text-cyan-200 { color: #a5f3fc; }
.text-cyan-300 { color: #67e8f9; }
.text-cyan-400 { color: #22d3ee; }
.text-cyan-500 { color: #06b6d4; }
.text-cyan-600 { color: #0891b2; }
.text-cyan-700 { color: #0e7490; }
.text-cyan-800 { color: #155e75; }
.text-cyan-900 { color: #164e63; }
.border-cyan-50 { border-color: #ecfeff; }
.border-cyan-100 { border-color: #cffafe; }
.border-cyan-200 { border-color: #a5f3fc; }
.border-cyan-300 { border-color: #67e8f9; }
.border-cyan-400 { border-color: #22d3ee; }
.border-cyan-500 { border-color: #06b6d4; }
.border-cyan-600 { border-color: #0891b2; }
.border-cyan-700 { border-color: #0e7490; }
.border-cyan-800 { border-color: #155e75; }
.border-cyan-900 { border-color: #164e63; }
/* Custom Yellow Colors for Temperature Interval Converter */
.from-yellow-100 { --tw-gradient-from: #fef3c7; --tw-gradient-to: rgb(254 243 199); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-yellow-200 { --tw-gradient-from: #fde68a; --tw-gradient-to: rgb(253 230 138); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-yellow-300 { --tw-gradient-from: #fcd34d; --tw-gradient-to: rgb(252 211 77); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-yellow-400 { --tw-gradient-from: #fbbf24; --tw-gradient-to: rgb(251 191 36); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-yellow-500 { --tw-gradient-from: #eab308; --tw-gradient-to: rgb(234 179 8); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-yellow-600 { --tw-gradient-from: #ca8a04; --tw-gradient-to: rgb(202 138 4); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-yellow-700 { --tw-gradient-from: #a16207; --tw-gradient-to: rgb(161 98 7); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-yellow-800 { --tw-gradient-from: #854d0e; --tw-gradient-to: rgb(133 77 14); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-yellow-900 { --tw-gradient-from: #713f12; --tw-gradient-to: rgb(113 63 18); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-yellow-500 { --tw-gradient-to: #eab308; }
.to-yellow-600 { --tw-gradient-to: #ca8a04; }
.bg-yellow-50 { background-color: #fefce8; }
.bg-yellow-100 { background-color: #fef3c7; }
.bg-yellow-200 { background-color: #fde68a; }
.bg-yellow-300 { background-color: #fcd34d; }
.bg-yellow-400 { background-color: #fbbf24; }
.bg-yellow-500 { background-color: #eab308; }
.bg-yellow-600 { background-color: #ca8a04; }
.bg-yellow-700 { background-color: #a16207; }
.bg-yellow-800 { background-color: #854d0e; }
.bg-yellow-900 { background-color: #713f12; }
.text-yellow-50 { color: #fefce8; }
.text-yellow-100 { color: #fef3c7; }
.text-yellow-200 { color: #fde68a; }
.text-yellow-300 { color: #fcd34d; }
.text-yellow-400 { color: #fbbf24; }
.text-yellow-500 { color: #eab308; }
.text-yellow-600 { color: #ca8a04; }
.text-yellow-700 { color: #a16207; }
.text-yellow-800 { color: #854d0e; }
.text-yellow-900 { color: #713f12; }
.border-yellow-50 { border-color: #fefce8; }
.border-yellow-100 { border-color: #fef3c7; }
.border-yellow-200 { border-color: #fde68a; }
.border-yellow-300 { border-color: #fcd34d; }
.border-yellow-400 { border-color: #fbbf24; }
.border-yellow-500 { border-color: #eab308; }
.border-yellow-600 { border-color: #ca8a04; }
.border-yellow-700 { border-color: #a16207; }
.border-yellow-800 { border-color: #854d0e; }
.border-yellow-900 { border-color: #713f12; }
/* Custom Red Colors for Thermal Expansion Converter */
.from-red-100 { --tw-gradient-from: #fee2e2; --tw-gradient-to: rgb(254 226 226); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-200 { --tw-gradient-from: #fecaca; --tw-gradient-to: rgb(254 202 202); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-300 { --tw-gradient-from: #fca5a5; --tw-gradient-to: rgb(252 165 165); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-400 { --tw-gradient-from: #f87171; --tw-gradient-to: rgb(248 113 113); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-500 { --tw-gradient-from: #dc2626; --tw-gradient-to: rgb(220 38 38); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-600 { --tw-gradient-from: #b91c1c; --tw-gradient-to: rgb(185 28 28); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-700 { --tw-gradient-from: #991b1b; --tw-gradient-to: rgb(153 27 27); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-800 { --tw-gradient-from: #7f1d1d; --tw-gradient-to: rgb(127 29 29); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-900 { --tw-gradient-from: #450a0a; --tw-gradient-to: rgb(69 10 10); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-red-500 { --tw-gradient-to: #dc2626; }
.to-red-600 { --tw-gradient-to: #b91c1c; }
.bg-red-50 { background-color: #fef2f2; }
.bg-red-100 { background-color: #fee2e2; }
.bg-red-200 { background-color: #fecaca; }
.bg-red-300 { background-color: #fca5a5; }
.bg-red-400 { background-color: #f87171; }
.bg-red-500 { background-color: #dc2626; }
.bg-red-600 { background-color: #b91c1c; }
.bg-red-700 { background-color: #991b1b; }
.bg-red-800 { background-color: #7f1d1d; }
.bg-red-900 { background-color: #450a0a; }
.text-red-50 { color: #fef2f2; }
.text-red-100 { color: #fee2e2; }
.text-red-200 { color: #fecaca; }
.text-red-300 { color: #fca5a5; }
.text-red-400 { color: #f87171; }
.text-red-500 { color: #dc2626; }
.text-red-600 { color: #b91c1c; }
.text-red-700 { color: #991b1b; }
.text-red-800 { color: #7f1d1d; }
.text-red-900 { color: #450a0a; }
.border-red-50 { border-color: #fef2f2; }
.border-red-100 { border-color: #fee2e2; }
.border-red-200 { border-color: #fecaca; }
.border-red-300 { border-color: #fca5a5; }
.border-red-400 { border-color: #f87171; }
.border-red-500 { border-color: #dc2626; }
.border-red-600 { border-color: #b91c1c; }
.border-red-700 { border-color: #991b1b; }
.border-red-800 { border-color: #7f1d1d; }
.border-red-900 { border-color: #450a0a; }
/* Custom Orange Colors for Thermal Resistance Converter */
.from-orange-100 { --tw-gradient-from: #fed7aa; --tw-gradient-to: rgb(254 215 170); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-200 { --tw-gradient-from: #fdba74; --tw-gradient-to: rgb(253 186 116); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-300 { --tw-gradient-from: #fb923c; --tw-gradient-to: rgb(251 146 60); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-400 { --tw-gradient-from: #f97316; --tw-gradient-to: rgb(249 115 22); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-500 { --tw-gradient-from: #f97316; --tw-gradient-to: rgb(249 115 22); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-600 { --tw-gradient-from: #ea580c; --tw-gradient-to: rgb(234 88 12); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-700 { --tw-gradient-from: #c2410c; --tw-gradient-to: rgb(194 65 12); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-800 { --tw-gradient-from: #9a3412; --tw-gradient-to: rgb(154 52 18); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-900 { --tw-gradient-from: #7c2d12; --tw-gradient-to: rgb(124 45 18); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-orange-500 { --tw-gradient-to: #f97316; }
.to-orange-600 { --tw-gradient-to: #ea580c; }
.bg-orange-50 { background-color: #fff7ed; }
.bg-orange-100 { background-color: #ffedd5; }
.bg-orange-200 { background-color: #fed7aa; }
.bg-orange-300 { background-color: #fdba74; }
.bg-orange-400 { background-color: #fb923c; }
.bg-orange-500 { background-color: #f97316; }
.bg-orange-600 { background-color: #ea580c; }
.bg-orange-700 { background-color: #c2410c; }
.bg-orange-800 { background-color: #9a3412; }
.bg-orange-900 { background-color: #7c2d12; }
.text-orange-50 { color: #fff7ed; }
.text-orange-100 { color: #ffedd5; }
.text-orange-200 { color: #fed7aa; }
.text-orange-300 { color: #fdba74; }
.text-orange-400 { color: #fb923c; }
.text-orange-500 { color: #f97316; }
.text-orange-600 { color: #ea580c; }
.text-orange-700 { color: #c2410c; }
.text-orange-800 { color: #9a3412; }
.text-orange-900 { color: #7c2d12; }
.border-orange-50 { border-color: #fff7ed; }
.border-orange-100 { border-color: #ffedd5; }
.border-orange-200 { border-color: #fed7aa; }
.border-orange-300 { border-color: #fdba74; }
.border-orange-400 { border-color: #fb923c; }
.border-orange-500 { border-color: #f97316; }
.border-orange-600 { border-color: #ea580c; }
.border-orange-700 { border-color: #c2410c; }
.border-orange-800 { border-color: #9a3412; }
.border-orange-900 { border-color: #7c2d12; }
/* Custom Amber Colors for Thermal Conductivity Converter */
.from-amber-100 { --tw-gradient-from: #fef3c7; --tw-gradient-to: rgb(254 243 199); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-amber-200 { --tw-gradient-from: #fde68a; --tw-gradient-to: rgb(253 230 138); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-amber-300 { --tw-gradient-from: #fcd34d; --tw-gradient-to: rgb(252 211 77); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-amber-400 { --tw-gradient-from: #fbbf24; --tw-gradient-to: rgb(251 191 36); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-amber-500 { --tw-gradient-from: #f59e0b; --tw-gradient-to: rgb(245 158 11); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-amber-600 { --tw-gradient-from: #d97706; --tw-gradient-to: rgb(217 119 6); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-amber-700 { --tw-gradient-from: #b45309; --tw-gradient-to: rgb(180 83 9); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-amber-800 { --tw-gradient-from: #92400e; --tw-gradient-to: rgb(146 64 14); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-amber-900 { --tw-gradient-from: #78350f; --tw-gradient-to: rgb(120 53 15); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-amber-500 { --tw-gradient-to: #f59e0b; }
.to-amber-600 { --tw-gradient-to: #d97706; }
.bg-amber-50 { background-color: #fffbeb; }
.bg-amber-100 { background-color: #fef3c7; }
.bg-amber-200 { background-color: #fde68a; }
.bg-amber-300 { background-color: #fcd34d; }
.bg-amber-400 { background-color: #fbbf24; }
.bg-amber-500 { background-color: #f59e0b; }
.bg-amber-600 { background-color: #d97706; }
.bg-amber-700 { background-color: #b45309; }
.bg-amber-800 { background-color: #92400e; }
.bg-amber-900 { background-color: #78350f; }
.text-amber-50 { color: #fffbeb; }
.text-amber-100 { color: #fef3c7; }
.text-amber-200 { color: #fde68a; }
.text-amber-300 { color: #fcd34d; }
.text-amber-400 { color: #fbbf24; }
.text-amber-500 { color: #f59e0b; }
.text-amber-600 { color: #d97706; }
.text-amber-700 { color: #b45309; }
.text-amber-800 { color: #92400e; }
.text-amber-900 { color: #78350f; }
.border-amber-50 { border-color: #fffbeb; }
.border-amber-100 { border-color: #fef3c7; }
.border-amber-200 { border-color: #fde68a; }
.border-amber-300 { border-color: #fcd34d; }
.border-amber-400 { border-color: #fbbf24; }
.border-amber-500 { border-color: #f59e0b; }
.border-amber-600 { border-color: #d97706; }
.border-amber-700 { border-color: #b45309; }
.border-amber-800 { border-color: #92400e; }
.border-amber-900 { border-color: #78350f; }
/* Custom Pink Colors for Specific Heat Capacity and Electrostatic Capacitance Converters */
.from-pink-100 { --tw-gradient-from: #fce7f3; --tw-gradient-to: rgb(252 231 243); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-pink-200 { --tw-gradient-from: #fbcfe8; --tw-gradient-to: rgb(251 207 232); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-pink-300 { --tw-gradient-from: #f9a8d4; --tw-gradient-to: rgb(249 168 212); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-pink-400 { --tw-gradient-from: #f472b6; --tw-gradient-to: rgb(244 114 182); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-pink-500 { --tw-gradient-from: #ec4899; --tw-gradient-to: rgb(236 72 153); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-pink-600 { --tw-gradient-from: #db2777; --tw-gradient-to: rgb(219 39 119); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-pink-700 { --tw-gradient-from: #be185d; --tw-gradient-to: rgb(190 24 93); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-pink-800 { --tw-gradient-from: #9d174d; --tw-gradient-to: rgb(157 23 77); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-pink-900 { --tw-gradient-from: #831843; --tw-gradient-to: rgb(131 24 67); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-pink-500 { --tw-gradient-to: #ec4899; }
.to-pink-600 { --tw-gradient-to: #db2777; }
.bg-pink-50 { background-color: #fdf2f8; }
.bg-pink-100 { background-color: #fce7f3; }
.bg-pink-200 { background-color: #fbcfe8; }
.bg-pink-300 { background-color: #f9a8d4; }
.bg-pink-400 { background-color: #f472b6; }
.bg-pink-500 { background-color: #ec4899; }
.bg-pink-600 { background-color: #db2777; }
.bg-pink-700 { background-color: #be185d; }
.bg-pink-800 { background-color: #9d174d; }
.bg-pink-900 { background-color: #831843; }
.text-pink-50 { color: #fdf2f8; }
.text-pink-100 { color: #fce7f3; }
.text-pink-200 { color: #fbcfe8; }
.text-pink-300 { color: #f9a8d4; }
.text-pink-400 { color: #f472b6; }
.text-pink-500 { color: #ec4899; }
.text-pink-600 { color: #db2777; }
.text-pink-700 { color: #be185d; }
.text-pink-800 { color: #9d174d; }
.text-pink-900 { color: #831843; }
.border-pink-50 { border-color: #fdf2f8; }
.border-pink-100 { border-color: #fce7f3; }
.border-pink-200 { border-color: #fbcfe8; }
.border-pink-300 { border-color: #f9a8d4; }
.border-pink-400 { border-color: #f472b6; }
.border-pink-500 { border-color: #ec4899; }
.border-pink-600 { border-color: #db2777; }
.border-pink-700 { border-color: #be185d; }
.border-pink-800 { border-color: #9d174d; }
.border-pink-900 { border-color: #831843; }
/* Custom Rose Colors for Heat Density Converter */
.from-rose-100 { --tw-gradient-from: #ffe4e6; --tw-gradient-to: rgb(255 228 230); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-200 { --tw-gradient-from: #fecdd3; --tw-gradient-to: rgb(254 205 211); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-300 { --tw-gradient-from: #fda4af; --tw-gradient-to: rgb(253 164 175); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-400 { --tw-gradient-from: #fb7185; --tw-gradient-to: rgb(251 113 133); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-500 { --tw-gradient-from: #f43f5e; --tw-gradient-to: rgb(244 63 94); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-600 { --tw-gradient-from: #e11d48; --tw-gradient-to: rgb(225 29 72); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-700 { --tw-gradient-from: #be123c; --tw-gradient-to: rgb(190 18 60); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-800 { --tw-gradient-from: #9f1239; --tw-gradient-to: rgb(159 18 57); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rose-900 { --tw-gradient-from: #881337; --tw-gradient-to: rgb(136 19 55); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-rose-500 { --tw-gradient-to: #f43f5e; }
.to-rose-600 { --tw-gradient-to: #e11d48; }
.bg-rose-50 { background-color: #fff1f2; }
.bg-rose-100 { background-color: #ffe4e6; }
.bg-rose-200 { background-color: #fecdd3; }
.bg-rose-300 { background-color: #fda4af; }
.bg-rose-400 { background-color: #fb7185; }
.bg-rose-500 { background-color: #f43f5e; }
.bg-rose-600 { background-color: #e11d48; }
.bg-rose-700 { background-color: #be123c; }
.bg-rose-800 { background-color: #9f1239; }
.bg-rose-900 { background-color: #881337; }
.text-rose-50 { color: #fff1f2; }
.text-rose-100 { color: #ffe4e6; }
.text-rose-200 { color: #fecdd3; }
.text-rose-300 { color: #fda4af; }
.text-rose-400 { color: #fb7185; }
.text-rose-500 { color: #f43f5e; }
.text-rose-600 { color: #e11d48; }
.text-rose-700 { color: #be123c; }
.text-rose-800 { color: #9f1239; }
.text-rose-900 { color: #881337; }
.border-rose-50 { border-color: #fff1f2; }
.border-rose-100 { border-color: #ffe4e6; }
.border-rose-200 { border-color: #fecdd3; }
.border-rose-300 { border-color: #fda4af; }
.border-rose-400 { border-color: #fb7185; }
.border-rose-500 { border-color: #f43f5e; }
.border-rose-600 { border-color: #e11d48; }
.border-rose-700 { border-color: #be123c; }
.border-rose-800 { border-color: #9f1239; }
.border-rose-900 { border-color: #881337; }
/* Custom Red Colors for Heat Flux Density Converter */
.from-red-100 { --tw-gradient-from: #fee2e2; --tw-gradient-to: rgb(254 226 226); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-200 { --tw-gradient-from: #fecaca; --tw-gradient-to: rgb(254 202 202); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-300 { --tw-gradient-from: #fca5a5; --tw-gradient-to: rgb(252 165 165); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-400 { --tw-gradient-from: #f87171; --tw-gradient-to: rgb(248 113 113); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-500 { --tw-gradient-from: #dc2626; --tw-gradient-to: rgb(220 38 38); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-600 { --tw-gradient-from: #b91c1c; --tw-gradient-to: rgb(185 28 28); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-700 { --tw-gradient-from: #991b1b; --tw-gradient-to: rgb(153 27 27); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-800 { --tw-gradient-from: #7f1d1d; --tw-gradient-to: rgb(127 29 29); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-red-900 { --tw-gradient-from: #450a0a; --tw-gradient-to: rgb(69 10 10); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-red-500 { --tw-gradient-to: #dc2626; }
.to-red-600 { --tw-gradient-to: #b91c1c; }
.bg-red-50 { background-color: #fef2f2; }
.bg-red-100 { background-color: #fee2e2; }
.bg-red-200 { background-color: #fecaca; }
.bg-red-300 { background-color: #fca5a5; }
.bg-red-400 { background-color: #f87171; }
.bg-red-500 { background-color: #dc2626; }
.bg-red-600 { background-color: #b91c1c; }
.bg-red-700 { background-color: #991b1b; }
.bg-red-800 { background-color: #7f1d1d; }
.bg-red-900 { background-color: #450a0a; }
.text-red-50 { color: #fef2f2; }
.text-red-100 { color: #fee2e2; }
.text-red-200 { color: #fecaca; }
.text-red-300 { color: #fca5a5; }
.text-red-400 { color: #f87171; }
.text-red-500 { color: #dc2626; }
.text-red-600 { color: #b91c1c; }
.text-red-700 { color: #991b1b; }
.text-red-800 { color: #7f1d1d; }
.text-red-900 { color: #450a0a; }
.border-red-50 { border-color: #fef2f2; }
.border-red-100 { border-color: #fee2e2; }
.border-red-200 { border-color: #fecaca; }
.border-red-300 { border-color: #fca5a5; }
.border-red-400 { border-color: #f87171; }
.border-red-500 { border-color: #dc2626; }
.border-red-600 { border-color: #b91c1c; }
.border-red-700 { border-color: #991b1b; }
.border-red-800 { border-color: #7f1d1d; }
.border-red-900 { border-color: #450a0a; }
/* Custom Orange Colors for Heat Transfer Coefficient Converter */
.from-orange-100 { --tw-gradient-from: #fed7aa; --tw-gradient-to: rgb(254 215 170); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-200 { --tw-gradient-from: #fdba74; --tw-gradient-to: rgb(253 186 116); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-300 { --tw-gradient-from: #fb923c; --tw-gradient-to: rgb(251 146 60); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-400 { --tw-gradient-from: #f97316; --tw-gradient-to: rgb(249 115 22); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-500 { --tw-gradient-from: #f97316; --tw-gradient-to: rgb(249 115 22); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-600 { --tw-gradient-from: #ea580c; --tw-gradient-to: rgb(234 88 12); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-700 { --tw-gradient-from: #c2410c; --tw-gradient-to: rgb(194 65 12); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-800 { --tw-gradient-from: #9a3412; --tw-gradient-to: rgb(154 52 18); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-orange-900 { --tw-gradient-from: #7c2d12; --tw-gradient-to: rgb(124 45 18); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-orange-500 { --tw-gradient-to: #f97316; }
.to-orange-600 { --tw-gradient-to: #ea580c; }
.bg-orange-50 { background-color: #fff7ed; }
.bg-orange-100 { background-color: #fed7aa; }
.bg-orange-200 { background-color: #fdba74; }
.bg-orange-300 { background-color: #fb923c; }
.bg-orange-400 { background-color: #f97316; }
.bg-orange-500 { background-color: #f97316; }
.bg-orange-600 { background-color: #ea580c; }
.bg-orange-700 { background-color: #c2410c; }
.bg-orange-800 { background-color: #9a3412; }
.bg-orange-900 { background-color: #7c2d12; }
.text-orange-50 { color: #fff7ed; }
.text-orange-100 { color: #fed7aa; }
.text-orange-200 { color: #fdba74; }
.text-orange-300 { color: #fb923c; }
.text-orange-400 { color: #f97316; }
.text-orange-500 { color: #f97316; }
.text-orange-600 { color: #ea580c; }
.text-orange-700 { color: #c2410c; }
.text-orange-800 { color: #9a3412; }
.text-orange-900 { color: #7c2d12; }
.border-orange-50 { border-color: #fff7ed; }
.border-orange-100 { border-color: #fed7aa; }
.border-orange-200 { border-color: #fdba74; }
.border-orange-300 { border-color: #fb923c; }
.border-orange-400 { border-color: #f97316; }
.border-orange-500 { border-color: #f97316; }
.border-orange-600 { border-color: #ea580c; }
.border-orange-700 { border-color: #c2410c; }
.border-orange-800 { border-color: #9a3412; }
.border-orange-900 { border-color: #7c2d12; }
.to-lime-100 { --tw-gradient-to: #ecfccb; }
.to-lime-200 { --tw-gradient-to: #d9f99d; }
.to-lime-300 { --tw-gradient-to: #bef264; }
.to-lime-400 { --tw-gradient-to: #a3e635; }
.to-lime-500 { --tw-gradient-to: #84cc16; }
.to-lime-600 { --tw-gradient-to: #65a30d; }
.to-lime-700 { --tw-gradient-to: #4d7c0f; }
.to-lime-800 { --tw-gradient-to: #365314; }
.to-lime-900 { --tw-gradient-to: #1a2e05; }
.bg-lime-50 { background-color: #f7fee7; }
.bg-lime-100 { background-color: #ecfccb; }
.bg-lime-200 { background-color: #d9f99d; }
.bg-lime-300 { background-color: #bef264; }
.bg-lime-400 { background-color: #a3e635; }
.bg-lime-500 { background-color: #84cc16; }
.bg-lime-600 { background-color: #65a30d; }
.bg-lime-700 { background-color: #4d7c0f; }
.bg-lime-800 { background-color: #365314; }
.bg-lime-900 { background-color: #1a2e05; }
.text-lime-50 { color: #f7fee7; }
.text-lime-100 { color: #ecfccb; }
.text-lime-200 { color: #d9f99d; }
.text-lime-300 { color: #bef264; }
.text-lime-400 { color: #a3e635; }
.text-lime-500 { color: #84cc16; }
.text-lime-600 { color: #65a30d; }
.text-lime-700 { color: #4d7c0f; }
.text-lime-800 { color: #365314; }
.text-lime-900 { color: #1a2e05; }
.border-lime-50 { border-color: #f7fee7; }
.border-lime-100 { border-color: #ecfccb; }
.border-lime-200 { border-color: #d9f99d; }
.border-lime-300 { border-color: #bef264; }
.border-lime-400 { border-color: #a3e635; }
.border-lime-500 { border-color: #84cc16; }
.border-lime-600 { border-color: #65a30d; }
.border-lime-700 { border-color: #4d7c0f; }
.border-lime-800 { border-color: #365314; }
.border-lime-900 { border-color: #1a2e05; }
/* Custom Green Colors for Flow Mass Converter */
.from-green-300 { --tw-gradient-from: #86efac; --tw-gradient-to: rgb(134 239 172); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-green-500 { --tw-gradient-from: #10b981; --tw-gradient-to: rgb(16 185 129); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-green-600 { --tw-gradient-from: #059669; --tw-gradient-to: rgb(5 150 105); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-green-500 { --tw-gradient-to: #10b981; }
.to-green-600 { --tw-gradient-to: #059669; }
.bg-green-50 { background-color: #f0fdf4; }
.bg-green-100 { background-color: #dcfce7; }
.bg-green-200 { background-color: #bbf7d0; }
.bg-green-300 { background-color: #86efac; }
.bg-green-400 { background-color: #4ade80; }
.bg-green-500 { background-color: #10b981; }
.bg-green-600 { background-color: #059669; }
.bg-green-700 { background-color: #047857; }
.bg-green-800 { background-color: #065f46; }
.bg-green-900 { background-color: #064e3b; }
.text-green-50 { color: #f0fdf4; }
.text-green-100 { color: #dcfce7; }
.text-green-200 { color: #bbf7d0; }
.text-green-300 { color: #86efac; }
.text-green-400 { color: #4ade80; }
.text-green-500 { color: #10b981; }
.text-green-600 { color: #059669; }
.text-green-700 { color: #047857; }
.text-green-800 { color: #065f46; }
.text-green-900 { color: #064e3b; }
.border-green-50 { border-color: #f0fdf4; }
.border-green-100 { border-color: #dcfce7; }
.border-green-200 { border-color: #bbf7d0; }
.border-green-300 { border-color: #86efac; }
.border-green-400 { border-color: #4ade80; }
.border-green-500 { border-color: #10b981; }
.border-green-600 { border-color: #059669; }
.border-green-700 { border-color: #047857; }
.border-green-800 { border-color: #065f46; }
.border-green-900 { border-color: #064e3b; }
/* Custom Sky Colors for Surface Charge Density Converter */
.from-sky-300 { --tw-gradient-from: #7dd3fc; --tw-gradient-to: rgb(125 211 252); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-500 { --tw-gradient-from: #0ea5e9; --tw-gradient-to: rgb(14 165 233); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-sky-600 { --tw-gradient-from: #0284c7; --tw-gradient-to: rgb(2 132 199); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-sky-500 { --tw-gradient-to: #0ea5e9; }
.to-sky-600 { --tw-gradient-to: #0284c7; }
.bg-sky-50 { background-color: #f0f9ff; }
.bg-sky-100 { background-color: #e0f2fe; }
.bg-sky-200 { background-color: #bae6fd; }
.bg-sky-300 { background-color: #7dd3fc; }
.bg-sky-400 { background-color: #38bdf8; }
.bg-sky-500 { background-color: #0ea5e9; }
.bg-sky-600 { background-color: #0284c7; }
.bg-sky-700 { background-color: #0369a1; }
.bg-sky-800 { background-color: #075985; }
.bg-sky-900 { background-color: #0c4a6e; }
.text-sky-100 { color: #e0f2fe; }
.text-sky-300 { color: #7dd3fc; }
.text-sky-400 { color: #38bdf8; }
.text-sky-600 { color: #0284c7; }
.text-sky-700 { color: #0369a1; }
.text-sky-800 { color: #075985; }
.text-sky-900 { color: #0c4a6e; }
.border-sky-100 { border-color: #e0f2fe; }
.border-sky-200 { border-color: #bae6fd; }
.border-sky-300 { border-color: #7dd3fc; }
.border-sky-600 { border-color: #0284c7; }
.border-sky-700 { border-color: #0369a1; }
.border-sky-800 { border-color: #075985; }
/* Theme Settings */
:root {
    --primary-color: {{ setting('primary_color', '#3B82F6') }};
    --secondary-color: {{ setting('secondary_color', '#10B981') }};
    --accent-color: {{ setting('accent_color', '#F59E0B') }};
}
/* Theme Settings - Colors are already defined above with defaults */