:root {
  /* Primary Brand Color (Teal) */
  --brand-primary: #2A9D8F;
  /* Secondary/Accent Color (Coral) */
  --brand-secondary: #E76F51;
  /* Neutral Text (Dark Slate) */
  --brand-text: #264653;
  /* System Status Colors */
  --brand-success: #22c55e;
  --brand-warning: #eab308;
  --brand-danger: #ef4444;
  /* Background & Surface */
  --brand-bg: #f5f5f5;
  --brand-surface: #FFFFFF;

  /* Font Family */
  --brand-font: 'Inter', sans-serif;
}

body {
  font-family: var(--brand-font);
  color: var(--brand-text);
  background-color: var(--brand-bg);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--brand-text) !important;
}

/* Modern Scrollbar Styling */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #cbd5e1; /* slate-300 */
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #94a3b8; /* slate-400 */
}

/* Firefox support */
* {
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}

/* Utility class helper */
.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}