:root{
  /* Background + neutrals (higher contrast) */
  --bg-0:#FFFFFF;
  --bg-50:#F6F8FC;
  --bg-100:#EEF2F8;

  --n-200:#D7DEE9;
  --n-300:#C3CDDC;
  --n-600:#4B5B75;
  --n-900:#0B1220;

  /* Brand */
  --primary-600:#0B3A6E;   /* deep blue */
  --primary-700:#072B52;

  --secondary-600:#1166D6; /* brighter blue for links */
  --secondary-700:#0D51AA;

  --accent-500:#FFC107;    /* ecommerce yellow */
  --accent-600:#E0A800;

  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-pill:9999px;

  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-6:24px; --s-8:32px;

  --shadow-1: 0 1px 2px rgba(11,18,32,.08), 0 6px 16px rgba(11,18,32,.06);
  --shadow-2: 0 6px 18px rgba(11,18,32,.12), 0 16px 40px rgba(11,18,32,.10);
}