:root {
  /* Brand */
  --primary:          #0071bb;
  --primary-dark:     #004f85;
  --primary-light:    #e8f4fd;
  --accent:           #00a8e8;

  /* Text */
  --text-dark:        #0d1117;
  --text-base:        #3b4759;
  --text-muted:       #8894a4;

  /* Backgrounds */
  --bg-white:         #ffffff;
  --bg-light:         #f7f9fc;
  --bg-blue:          #eef6fd;

  /* UI */
  --border:           rgba(0, 0, 0, 0.07);
  --shadow-sm:        0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow:           0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-blue:      0 8px 28px rgba(0, 113, 187, 0.16);
  --radius-sm:        8px;
  --radius:           14px;
  --radius-lg:        20px;
  --radius-xl:        28px;

  /* Legacy (kept for font/size refs) */
  --theme:            #0071bb;
  --charcoalGrey:     #3b4759;
  --bgRoot:           #f7f9fc;
  --primary-css:      #0187f0;
}