/* =========================================================
   mymy+ Standalone Project CSS Assets
   ========================================================= */

:root {
  --mymy-brand-primary: #0284C7;
  --mymy-brand-teal: #06B6D4;
  --mymy-brand-emerald: #10B981;
  --mymy-brand-amber: #EAB308;
  --mymy-brand-orange: #F97316;
  --mymy-dark-navy: #0B2545;
}

/* Custom scrollbar for modern browsers */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Selection highlight in brand cyan */
::selection {
  background-color: #BAE6FD;
  color: #0369A1;
}