:root {
  /* Core MD brand colors (accents & dark backgrounds) */
  --primary-color: #00a8bc;          /* light-sea-green */
  --primary-color-rgb: 0, 168, 188;

  --secondary-color: #08363b;        /* dark-slate-gray */
  --secondary-color-rgb: 8, 54, 59;

  /* Extra brand/dark variants (used in gradients, hovers, etc.) */
  --primary-color-2-rgb: 10, 46, 50; /* dark-slate-gray-1 (#0A2E32) */

  /* Semantic support colors mapped from MD palette */
  --tertiary-color:       #849a9c;   /* light-slate-gray */
  --quaternary-color:     #edf9fc;   /* alice-blue (light section bg) */

  --neutral-dim-gray:     #67787a;   /* dim-gray */
  --neutral-silver:       #a8bfc1;   /* silver */
  --neutral-light-gray:   #cadbdd;   /* light-gray */
  --neutral-white-smoke:  #f0f0f0;   /* white-smoke */
  --neutral-white-smoke-1:#f7f7f7;   /* white-smoke-1 */
  --neutral-white:        #fbfeff;   /* white */
}